Question

我正在尝试在select标签中添加许多选项我的代码是：

var years = document.getElementById("years");
for ( var i = 1526; i < 2013; i++) {
    var year = document.createElement("option");
    var text = document.createTextNode(i);
    year.appendChild(text);
    year.setAttribute("value", i);
    years.appendChild(year);
}

这不起作用。 appendChild函数有问题。运行一次后循环中断。我试着做了

var years = document.createElementNode("select");

但这也行不通。它运行但网页上没有任何内容。没有选择标签，没有选项。

身体：

<select id="years"></select>

Answer 1

我在附加子函数中使用了div标记

<html>
<script>
function loadOptions()
{
    var i;
    var selectdiv= "";
    selectdiv="<select>";
    for(i = 1526; i < 2013; i++){
        selectdiv+= "<option value='"+i+"'>"+i+"</option>";
    }
        selectdiv+= "</select>";
    var newDiv=document.createElement('div');
    newDiv.innerHTML= selectdiv;
    document.getElementById('element1').appendChild(newDiv);
}
</script>
<body onload="loadOptions()">

<div id="element1"></div>

</body>
</html>

希望这会对你有所帮助

for循环中的JS节点

1 个答案: