用函数 Javascript 填充 <select>

Question

我创建了一个函数，其中包含一个要添加到 HTML 中的字符串。但是当我测试它时，它不会显示我在 table.

中声明的选项

function test(){
  // table already defined

  var choices = "<option selected>Select...</option>";

  for (var i=0; i<tableOptions.length; i++) {
    choices += "<option>" + tableOptions[i][0] +"</option>"; 
  }

  document.getElementById("theOptions").innerHTML = choices;
}

在我的 HTML 我有

<select id="theOptions"></select>

我做错了什么？

顺便说一句，我的test()是在我的页面显示后自动加载的。

<body onload="test()">

Answer 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);
}

用函数 Javascript 填充 <select>

fill a <select> with a function Javascript

javascript

getelementbyid