jQuery填充多個具有相同名稱的選擇框

Question

我正在用javascript動態創建元素，最終看起來像這樣：

<select id="splitUserDDL" name="splitUserDDL[]"></select>

當我嘗試添加選項時，似乎正在填充第一個選擇框，而不是其余部分。 有沒有一種方法可以向所有選擇框添加相同的選項？

    $('#splitUserDDL').empty();
    var userDDL = document.getElementById('splitUserDDL');
    var defaultoption = document.createElement('option');
    defaultoption.text = '-Select-';
    defaultoption.value = 0;
    userDDL.add(defaultoption);

Answer 1

使用類而不是ID。

<select class="splitUserDDL" name="splitUserDDL[]"></select>

然后使用jQuery添加選項，並遍歷所有選項：

$(".splitUserDDL").empty();
$(".splitUserDDL").each(function() {
    $(this).append($("<option>", {
        text: "-Select-",
        value: 0
    });
});