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

您可以使用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 selector。

Answer 2

尝试以下代码，

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

或

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