jquery - 動的 SELECT ID で SELECT の変更をキャッチする

Question

動的に生成された ID を持つ複数の選択を含むテーブルがあります。

このようなもの： <select id="Select_1">... <select id="Select_2">... <select id="Select_3">...

選択の変更の1つを毎回キャッチできる方法はありますか?

私は次のようないくつかの方法を試しました： $("select").change $("#Select_").change $("select#Select_").change

それらのどれも機能しませんでした...

何か助けはありますか？

Answer 1

これを試して：

$(document).on('change', 'select', function (event) {

  // your code here
  // `this` scope is pointing to current select which value was changed

  $(this).val() // get selected value
  $(this).attr('id') // or this.id - current ID

});

それがあなたが始めるのに役立つことを願っています。

Answer 2

select 要素に共通のクラスを与え、そのクラスを使用して change を呼び出します。

HTML:

<select class="sel" id="select_1">
<option value="y">Yellow</option>
<option value="b">Blue</option>
</select>
<br/>
<select class="sel" id="select_2">
<option value="g">Green</option>
<option value="r">Red</option>
</select>

JQuery:

$(document).ready(function() {
    $('.sel').change(function(){
        alert($(this).find('option:selected').val());
    });
});