Question

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

这样的事情： <select id="Select_1">... <select id="Select_2">... <select id="Select_3">...

有没有一种方法可以让我每次都能看到一个选择的变化？

我尝试了几种方式： $("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());
    });
});

在动态SELECT ID中捕获SELECT更改

2 个答案: