我正在尝试在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>
答案 0 :(得分:0)
我在附加子函数中使用了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>
希望这会对你有所帮助