我试图在我的选择框中注销我附加到每个选项的数据属性,但没有成功,我使用.on(‘change’…)或我该怎么做才能实现这一点？
JS
$('select').children().on('change',function(e){
console.log( $(this).data('id') );
e.preventDefault();
});
HTML
<select> <option value="1" data-id="option1">wgwg</option> <option value="1" data-id="option2">wgwerg</option> <option value="1" data-id="option3">wgwg</option> <option value="1" data-id="option4">wgr</option> </select>
解决方法
选项上的更改事件并不真正有意义,因为选项不会更改.事件应该在选择.
$('select').on('change',function(e){
console.log( $(this).find("option:selected").data('id') );
e.preventDefault();
});
