javascript - 用户选择选项后如何从选择标签获取数据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? 
});

Answer 1

您只需使用 data() jQuery 函数即可获取 data-game 的值:

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