用函数Javascript填充<select>

时间:2015-07-09 01:41:05

标签: javascript getelementbyid

我创建了一个函数,其中包含一个我想要添加到HTML中的字符串。但是当我测试它时,它不会向我显示在我的表中声明的选项。 功能测试(){   //表已定义   var choices =“&lt; option selected> gt;选择...&lt; / option&gt;”;   for(var i = 0; i&lt; tableOptions.length; i ++){     选项+ =“&lt; option&gt;” + tableOptions [i] [0] +“&lt; / option&gt;”;   }   document.getElementById(“theOptions”)。innerHTML = choices; } 在我的HTML中我有 &lt; select id =“theOptions”&gt;&lt; / select&gt; 我究竟做错了什么? 顺便说一下,在我的页面显示后,我的test()会自动加载。 &lt; body onload =“test()”&gt;

1 个答案:

答案 0 :(得分:1)

有关为现有<select>元素创建和附加选项的详细信息,请参阅How to populate the options of a select element in javascript

使用这种方法,这似乎与您所获得的最接近:

var select = document.getElementById("theOptions");
opt = document.createElement("option");
opt.innerHTML = "Select...";
select.appendChild(opt);

for(var i = 0; i < tableOptions.length; i++)
{
   var opt = document.createElement("option");
   opt.innerHTML = tableOptions[i][0];
   select.appendChild(opt);
}