ユーザーがドロップダウンで選択を行うときのJqueryイベント

Question

ドロップダウンリストがあります。 Jqueryでは、ユーザーが選択するときに使用するイベントは何ですか？

ドロップダウンのidがDRP1

である私は、次のことを試みたが、うまくいきませんでした：あなたが使用できるjQueryの1.7で

$("#ddrp1").change(function() { 
    // Pure JS 
    var selectedVal = this.value; 
    var selectedText = this.options[this.selectedIndex].text; 

    // jQuery 
    var selectedVal = $(this).find(':selected').val(); 
    var selectedText = $(this).find(':selected').text(); 
}); 

、：

$("#ddrp1").SelectChanged(SelectionItem); 

Answer 1

はchange()イベントを使用します.on()

$("#ddrp1").on("change", function() { 
    // Pure JS 
    var selectedVal = this.value; 
    var selectedText = this.options[this.selectedIndex].text; 

    // jQuery 
    var selectedVal = $(this).find(':selected').val(); 
    var selectedText = $(this).find(':selected').text(); 
}​​​​);​ 

はここで何をしたいon()

Answer 2

使用a working jsFiddleだ

$("#ddrp1").change (function() { 
}); 

Answer 3

使用jQueryのchangeイベントハンドラとして記述することができonchangeイベントがあります。

$("#ddrp1").change(function(){ 
    //selection changed 
    alert(this.value);//this will give the selected option's value 
    alert($(this).find(':selected').text());//this will give the selected option's text 
}); 

別の方法でバインドするchangeイベントハンドラです。

$("#ddrp1").bind('change', function(){ 

});