只有最后一个select元素才能获得选项元素

时间:2012-11-30 15:05:10

标签: javascript for-loop html-select appendchild

我正在尝试创建一个代码,将所有项目选项添加到每个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"));
}

有什么问题?

1 个答案:

答案 0 :(得分:4)

单个<option>元素一次只能在一个<select>中。您尝试将相同的选项添加到许多不同的<select>列表中,但这不起作用。

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