我试图在我的选择框中注销我附加到每个选项的数据属性,但没有成功,我使用.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();
- });
