Jqueryで選択した "選択ボックス"の値を取得

Question

フォームに複数の選択ボックスがあるidsを使用せずにの値を取得するにはどうすればよいですか？

次のコードは、最初に選択したボックスの値を常に返します。

あなたが使用

$('form[name=test]').on('change', function() { 
    alert("Value: " + $('select').val()); 
}); 

Answer 1

これを試してみて試してください：あなたはselect jqueryのタグセレクタを使用して、すべての選択ボックスにchangeイベントハンドラをバインドして読み取るために（変更イベントが発生する上で選択ボックスのインスタンス以外の何ものでもない）thisを使用することができます変更された値。

$('select').on('change', function() { 
    alert("Value: " + $(this).val()); 
}); 

Answer 2

：

$("form[name=test] option:selected").val(); 

Answer 3

1. （ない形）を選択し、すべてのに変更イベントを登録
2. 使用トリガされた1つを得るために、このキーワードイベント

が、これは

$('select').on('change', function() { 
    alert("Value: " + $(this).val()); 
}); 

Answer 4

event引数は、コールバック関数に渡され、イベントのcurrentTarget属性は、イベントが上で動作していることな要素です。

$('select').on('change', (e) => { 
    console.log($(e.currentTarget).val()); 
});