jquery - ユーザーがドロップダウンで選択したときのJqueryイベント

Question

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

ドロップダウンのIDはdrp1です

次のことを試しましたが、機能しませんでした。

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

Answer 1

change()イベントを使用します。

$("#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();
});

jQuery 1.7では、使用できます.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();
}​​​​);​

を使用して動作するjsFiddleを次に示しますon()

Answer 2

あなたが望むのは、次onchangeのように書くことができるイベントです

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

Answer 3

jQuerychangeイベント ハンドラーを使用します。

$("#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(){

});