jquery - 在动态 SELECT ID 中捕获 SELECT 更改

Question

我有一个表，里面有几个带有动态生成 ID 的选择。

像这样的东西： <select id="Select_1">... <select id="Select_2">... <select id="Select_3">...

有没有一种方法可以让我在每次选择的变化时都能捕捉到？

我尝试了几种方法，例如： $("select").change $("#Select_").change $("select#Select_").change

他们都没有工作...

有什么帮助吗？

Answer 1

给 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>

查询：

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

Answer 2

尝试这个：

$(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

});

我希望它能帮助你开始。