Javascript Jquery使用相同的名称填充多个选择框

我正在使用javascript动态创建元素，结果如下：

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

---

使用类而不是ID

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

然后使用jQuery添加选项，并循环所有选项：

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

$（.splitUserDDL”）.empty（）；
$（“.splitUserDDL”）.each（函数（）{
$（此）.append（$（“”）{
文本：“-选择-”，
数值：0
});
});

它们是否都有相同的

id

？如果它们都有，那就是无效的HTML和您的问题所在。另外，为什么要创建“标签”

选项，而不是使用带有
标签的属性？元素需要有唯一的id。
文档。getElementById
只返回第一个匹配项。try$（'splitUserDDL'）.append（默认选项）；使用
class=“splitUserDDL”
$(".splitUserDDL").empty();
$(".splitUserDDL").each(function() {
    $(this).append($("<option>", {
        text: "-Select-",
        value: 0
    });
});