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 селектор .