jquery - 无法使用 jQuery 获取数据属性的值

Question

这是我的html代码

<select class="changeOption">
 {% for dBoy in dBoyList %}
    <option value="{{dBoy.id}}" data-locid='{{dboy.location.id}}'
 {% endfor %} 
</select>

当我从下拉列表中选择任何选项时，它显示未定义

JQuery 代码

$( ".changeOption" ).change(function() {
    var locId = $(this).data("locid")
    alert("id:  "+locId);
});

Answer 1

this 指的是选择元素的上下文。您需要在其中找到选定的选项，然后获取属性:

$(".changeOption").change(function() {
  var locId = $(this).find(':selected').data("locid")
  alert("id:  "+locId);
});