Breaking News: Grepper is joining You.com. Read the official announcement!

add attribute in select option

Powerhudaman answered on March 15, 2021 Popularity 8/10 Helpfulness 5/10

answer add attribute in select option

add attribute in select option

Comment

<select id="select">
  <option value="1" data-foo="dogs">this</option>
  <option value="2" data-foo="cats">that</option>
  <option value="3" data-foo="gerbils">other</option>
</select>

// JavaScript using jQuery
$(function(){
    $('select').change(function(){
       var selected = $(this).find('option:selected');
       var extra = selected.data('foo'); 
       ...
    });
});

// Plain old JavaScript
var sel = document.getElementById('select');
var selected = sel.options[sel.selectedIndex];
var extra = selected.getAttribute('data-foo');

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: add javascript select

Link to this answer
Share Copy Link