Question

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

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

现在，每当用户执行某些操作时，我想使用JQuery将选择框的选项值设置为某个值：

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

但它不起作用。我也尝试通过DocumentFindById函数检索元素，但只有在我使用静态HTML测试时才能正常工作。当我使用PHP动态创建这些选择框时，它会失败。有没有办法让这项工作？

感谢。

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

Answer 1

使用on()，如下所示：

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

Answer 2

试试这个

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

注意：不要将＃1用作id

Answer 3

也许你的代码不适用于动态生成的html？也许这会奏效：

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

此处唯一的变化是on。

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

3 个答案: