如何使用javascript获取select元素的数据属性

Question

我有以下选择框

<select class="selectpicker display-block tax main-tax" name="my_selectbox_name" multiple="" data-none-selected-text="mytext" >
<option value="my_option_value" data-myid="123">my_text</option>
...
</select>

我以这种方式访问​​值

response.my_selectbox_name = $('.main select.tax').selectpicker('val');

我如何访问data-myid值？

Answer 1

jQuery内置了一个.data()方法，用于获取或设置数据属性的值。当method is provided with a key像.data(key)一样时，它将返回存储在data属性中的值。因此，对于您的特定示例，它将为.data('myid')。对于数据属性，“ data-”之后的任何内容均视为关键。因此，对于您的<select data-none-selected-text="mytext">，关键是“未选择文本”

但是要回答您的直接问题，它看起来像这样：

$('.selectpicker option').data('myid')

Answer 2

有几种方法。

Instant