JavaScript - 用数组填充下拉列表

Question

我在脚本中声明了一个数组：

var myArray = new Array("1", "2", "3", "4", "5" . . . . . "N");

我有一个包含下拉菜单的表单：

<form id="myForm">
  <select id="selectNumber">
    <option>Choose a number</option>
  </select>
</form>

使用 Javascript，我将如何使用数组值填充下拉菜单的其余部分？这样选项将是“选择一个数字”、“1”、“2”、“3”、“4”、“5”。 … . “N”？

原文由 user1296265 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要遍历数组元素，为每个元素创建一个新的 DOM 节点并将其附加到您的对象：

 var select = document.getElementById("selectNumber");
var options = ["1", "2", "3", "4", "5"];

for(var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}

 <select id="selectNumber">
    <option>Choose a number</option>
</select>

原文由 Alex Turpin 发布，翻译遵循 CC BY-SA 4.0 许可协议