使用JQuery更改选择框的值时，选择框被动态填充

Question

我有一个动态填充的选择框，如PHP代码：

for($i=0; $i<$n; $i++) { 
    echo '<select id='s_.$i.'> <option> Yes </option> <option> No </option> </select>'; 
} 

现在每一个用户做一些事情的时候，我想设置

$("#target").click(function() { 
    $("#s_1").val('No'); // #1 is the ID of the select box 1 
}); 

但它不工作：使用JQuery类似的选择框的选项值到一定值。我也尝试通过DocumentFindById函数检索元素，但只有在使用静态HTML进行测试时才能正常工作。当我使用PHP动态选择这些选择框时，它会失败。有什么办法可以做到这一点？

谢谢。

添加评论）对不起，我没有在我的代码中使用数字ID。我认为这将是一个更简单的例子。使用字符串ID，它仍然无法在所有的工作.. :(

Answer 1

也许你的代码不起作用动态生成HTML也许这将工作：

$("#target").on('click',function() { 
    $("#1").val('No'); // #1 is the ID of the select box 1 
}); 

唯一的变化是在这里。在on

Answer 2

使用on()如下：

$(document).on('click', '#target', function() { 
    $("#1").val('No'); // #1 is the ID of the select box 1 
}); 

Answer 3

试试这个

<script> 
    $(function() { 
     $("#target").click(function() { 
     $("#1").val('No'); // #1 is the ID of the select box 1 
     }); 
    }); 
</script> 

注：请不要使用＃1 ID