javascript - 初学者 Javascript 数组下拉列表

标签 javascript

这里是新手 JS,我需要从 10 个城市的数组中填充一个下拉列表,但我无法让任何代码工作。

<select id="selectCity">
<option>Choose a City</option>
</select>

var select = document.getElementById('selectCity');
var options = ["Winthrop","Revere","Malden","East Boston","Medford","Somerville","South Boston","Quincy","Malden","Weymouth"];

//what code will work in this loop below???

for(var i = 0; i < options.length; i++) { 

}

最佳答案

试试这个代码。

var select = document.getElementById('selectCity');
var options = ["Winthrop","Revere","Malden","East Boston","Medford","Somerville","South Boston","Quincy","Malden","Weymouth"];

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

关于javascript - 初学者 Javascript 数组下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40821376/

相关文章:

javascript - 有人将 Coffeescript 用于生产应用程序吗?

javascript - 将 javascript 数组传递给 jqplot 图表

javascript - 如何检查单击时不起作用的按钮元素上的监听器?

javascript - window.onresize 不在 Chrome 中触发,但在 Chrome 隐身模式中触发

javascript - 将 2 个替换合并为 1

javascript - 如何从 URL 显示图像分辨率

javascript - 如何制作加载更多按钮

javascript - 附加后输入相关函数未运行

javascript - 如何动态添加 href 到react-bootstrap-table 列?

javascript - 如何将表单内容从 JavaScript 转换为 PHP?