jQuery的$（本）。數據返回undefined內選擇

Question

例http://jsfiddle.net/Rg8rf/

$("#label").change(function() { 
    var src = $(this).data('value'); 
    alert(src); 
}); 

如何抓住從data-value的值？

Answer 1

這在這種情況下意味着選擇列表，所以你必須抓住裏面的 「這個」 選擇的值。這會爲你工作：

$("#label").change(function() { 
    var src = $(this).children(":selected").data('value'); 
    alert(src); 
});​ 

它很容易在這種情況下測試，如果你不知道，不得到你所期望的價值。裏面的變化的方法，你可以只寫console.debug（本），並期待在控制檯中看到什麼裏面，或者只是警報（$（本）.attr（「ID」））

Answer 2

如果你想抓住標籤的價值只是

$("#label").change(function() { 
    var src = $(this).find("option"); 
    src.each(function(){ 
     alert($(this).attr('data-value')); 
    }); 
}); 

看看本作的試玩http://jsfiddle.net/viyancs/ZhGt3/5/

使用功能.html()以獲取變量值這樣<element> value </element>，如果anothe情況下<element> <div>test</div> <element>，您可以自定義與選擇器jquery ...但確保元素已有方法你想使用什麼。

Answer 3

$("#label").change(function() { 
    var src = $(this).val(); //for value 
    alert(src); 
}); 
$("#label").change(function() { 
    var src = $(this).find('option:selected').text(); //for the text 
    alert(src); 
}); 

對於任何其他PARAMS

$("#label").change(function() { 
    var src = $(this).find('option:selected').attr('data-value'); //for other params 
    alert(src); 
}); 

Answer 4

使用

$(this).children('option:selected').attr('data-value'); 

Answer 5

$(this).find('option:selected').attr('data-value'); 

.data()無關與它做。離開無辜：D

Answer 6

它不工作原因$（this）引用#label而不是選定的選項。

$("#label").on('change', function() { 
    var src = $('option:selected').data('value'); 
    alert(src); 
});​ 

小提琴： http://jsfiddle.net/AAugX/

Answer 7

$("#label").change(function() { 
    var src = $(this).find('option:selected').data('value); 
    alert(src); 
}); 

我相應的修改你的小提琴。 http://jsfiddle.net/Rg8rf/1/

Answer 8

var src = $（this）.find（'option：selected'）。data（'value'）;

without attr