jquery - jQuery：選択オプションが選択されているときにイベントをトリガー/何かを行うにはどうすればよいですか？

Question

選択オプションがクリックされて選択された後、イベントをトリガーする最良の方法を誰かに教えてもらえますか？

ユーザーがオプションを選択したら、追加のJavaScriptを実行したいと思います。

Answer 1

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

$('select').change(function() {
    // Additional JavaScript
});

選択したオプションの値を取得するには$(this).val()、次のように関数のスコープ内で使用します。

$('select').change(function() {
    alert($(this).val());
});

---

jQuery 1.7 以降を使用している場合は$.on()、他のイベントと同様に使用できます。

$('select').on('change', function() {
    // Additional JavaScript
});

Answer 2

$('#my-select').change(function(){ 
  //do stuff here, eg. 
  if ($(this).val() == 'xyz') { //check the selected option etc.
     //do more stuff
  }
});