使用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