konnte nicht bekommen Wert von Datenattribut mit jQuery

Question

Hier ist mein HTML-Code

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

Wenn ich wählen bin eine Option in der Dropdown-Liste zeigt sie undefine

JQuery Code

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

Answer 1

this bezieht sich auf den Kontext des ausgewählten Elements. Sie müssen die ausgewählte Option darin finden und dann das Attribut:

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