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> 的元素.