无法用选项填充选择

Question

我只想用数组值填充选择。

这是js代码(我从这里获取的(。即使没有循环，它也无法工作。因此，如果我能让它工作，那么填充数组将不是问题。

var sel = document.getElementById('CountrySelect');     
var opt = document.createElement('option');
opt.innerHTML = "CountyNumerOne";
opt.value = 0;
sel.appendChild(opt);

<select id="CountrySelect">
</select>

但是在输出上，我得到空列表

Answer 1

必须确保在浏览器解析 select 元素后触发脚本。您可以通过将脚本标记放在 select 元素之后或在脚本中侦听文档加载事件来执行此操作：

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
var sel = document.getElementById('CountrySelect');

var opt = document.createElement('option');
opt.innerHTML = "CountyNumerOne";
opt.value = 0;
sel.appendChild(opt);
});
</script>

Answer 2

var select = document.getElementById("CountrySelect"); 
var options = ["1", "2", "3", "4", "5"]; //array
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);
}​

http://jsfiddle.net/yYW89/