javascript - 只有最后一个选择元素获取选项元素

Question

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

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

怎么了？

Answer 1

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

您必须<option>为每个<select>.