jQuery 返回选定选项属性值

Question

如果我有 html，

<select id="autoplay">
    <option data-autoplay="">no</option>
    <option data-autoplay="1">yes</option>
</select>

如何使用 jQuery 返回与所选选项相关的 data-autoplay 值并将其设置为变量 var autoplay = *selected value*

因此，如果我选择 no，它不会返回任何内容，如果我选择 yes，它会返回 1，因此 var autoplay = "1";

Answer 1

尝试以下代码，

$("#autoplay option:selected").attr("data-autoplay");

或者

$("#autoplay option:selected").data("autoplay");

Answer 2

您可以使用 attr() 方法获取属性的值：

var autopplay =  $('#autoplay option:selected').attr('data-autoplay');

if (!autoplay || autoplay == '') {
    // an empty string was returned
}
else if (autoplay == 1) {
    /* remember not to trust your users, so validate in/on the server
       if you're storing the variable/result...
    // 1 was returned
}

也可以使用 data('autoplay')，它将查看 data -前缀属性带有与data-后面的选择器（自动播放）匹配的字符串，因此在这种情况下它将查找：data-autoplay（有点明显， 我想）。

参考文献：

• attr()。
• data()。
• :selected 选择器。