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

Jquery populate multiple select boxes with the same name

本文关键字：填充 选择 Jquery      更新时间：2023-09-26

我用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);

用类代替ID 

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

然后使用jQuery添加选项，并循环遍历所有选项:

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