javascript - 仅最后一个选择元素获得选项元素

我正在尝试编写将所有项目选项添加到每个选择元素的代码。由于某些原因，只有最后一个select元素才能获得选项，下面是代码：

for (var i=0; i<itemcount; i++) {
    var newE=document.createElement("span");
    var newD=document.createElement("input");
    var newS=document.createElement("select");
    newE.id="itemcontainer";
    newD.id="drop"+i;
    newS.id="sel"+i;
    for (var j=0; j<itemos.length; j++) {
        newS.appendChild(itemos[j]);
    }
    newD.type="checkbox";
    newD.name="drop";
    newE.appendChild(newD);
    newE.appendChild(document.createTextNode("Drop? "));
    newE.appendChild(newS);
    container.appendChild(newE);
    container.appendChild(document.createElement("br"));
}

怎么了？

最佳答案

单个<option>元素一次只能位于一个<select>中。您试图将相同的选项添加到许多不同的<select>列表中，但这是行不通的。

您必须为每个<option>创建新的<select>元素。