在选择更改时，获取数据属性值 - Code

下面的代码返回'undefined'…

$('select').change(function(){
    alert($(this).data('id'));
});

<select>
    <option data-id="1">one</option>
    <option data-id="2">two</option>
    <option data-id="3">three</option>
</select>

当前回答

document.querySelector('select').onchange = function(){   
   alert(this.selectedOptions[0].getAttribute('data-attr')); 
};

2017-01-30 15:17:43

其他回答

您需要找到所选的选项:

$(this).find(':selected').data('id')

or

$(this).find(':selected').attr('data-id')

尽管第一种方法更可取。

2011-12-01 17:32:17

香草Javascript:

this.querySelector(':checked').getAttribute('data-id')

2016-11-29 12:21:53

也许是一种更优雅的方式

$('option:selected', this).data('id')

2021-08-20 12:40:35

document.querySelector('select').onchange = function(){   
   alert(this.selectedOptions[0].getAttribute('data-attr')); 
};

2017-01-30 15:17:43

$('#foo option:selected').data('id');

2018-01-21 20:51:23

aliyun