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 selector。