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
    });
});