使用jQuery添加其他数据以选择选项

HTML标记

<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 Javascriptvar sel = document.getElementById('select');var selected = sel.options[sel.selectedIndex];var extra = selected.getAttribute('data-foo');

通过使用HTML5中的数据属性，您可以以语法上有效的方式向元素添加额外的数据，该方式也可以从jQuery轻松访问。