javascript - 用户选择选项后，如何从选择标签中获取 data-att

Question

HTML：

<div class="form-group ">
   <select class="form-control input-sm col-xs-2 game-select" data-game="LuckyTuesday">
        <option value="" disabled selected>Select Game </option>

        <option id="1" data-name="Direct 1" data-minNumber="1" data-maxNumber="1">
            Direct 1
        </option>
        <option id="2" data-name="Direct 2" data-minNumber="2" data-maxNumber="2">
            Direct 2
        </option>
   </select>
</div>

JavaScript：

$('select').change(function () {
    let gameType = $(this).find(':selected').attr('data-name');

    //How to can I use "game-select" class to get "data-game" att? 
});

标签： javascriptjqueryjquery-events

Answer 1

data-game您可以简单地使用data()jQuery 函数来获取 的值：

$(this).data('game');