Не удалось получить значение данных атрибутов с помощью JQuery

Question

Вот это мой HTML код

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

Когда я выбрать любой вариант из выпадающего списка он показывает Undefine

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); 
});