javascript - JavaScript - 使用数组填充下拉列表(JavaScript - populate drop down list with array)

Question

I have an array declared in a script:(我在脚本中声明了一个数组：)

var myArray = new Array("1", "2", "3", "4", "5" . . . . . "N"); I have a form which contains a drop down menu:(我有一个包含下拉菜单的表单：) <form id="myForm"> <select id="selectNumber"> <option>Choose a number</option> </select> </form> Using Javascript, how will I populate the rest of the drop down menu with the array values?(使用Javascript，我将如何使用数组值填充下拉菜单的其余部分？) So that the options will be "Choose a number", "1", "2", "3", "4", "5" .(这样选项将是“选择一个数字”，“1”，“2”，“3”，“4”，“5”。) .(。) .(。) .(。) .(。) "N"?(“N”？)   ask by user1296265 translate from so

Answer 1

You'll need to loop through your array elements, create a new DOM node for each and append it to your object.(您需要遍历数组元素，为每个元素创建一个新的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); }? Live example(实例)