Javascript 无法用选择选项填充

我只想用数组值填充select

下面是js代码（我从中获取）。即使没有循环，它也不能工作。所以如果我能让它工作，那么用数组填充就不会有问题了

var sel=document.getElementById（'CountrySelect'）；
var opt=document.createElement（'option'）；
opt.innerHTML=“CountyNumerOne”；
opt.value=0；
选择附加儿童（opt）
必须确保在浏览器解析select元素后触发脚本。您可以通过将脚本标记放在select元素之后，或在脚本中侦听document loaded事件来完成此操作：

<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>


addEventListener（“DOMContentLoaded”，函数（事件）{
var sel=document.getElementById（'CountrySelect'）；
var opt=document.createElement（'option'）；
opt.innerHTML=“CountyNumerOne”；
opt.value=0；
选择附加儿童（opt）；
});
必须确保在浏览器解析select元素后触发脚本。您可以通过将脚本标记放在select元素之后，或在脚本中侦听document loaded事件来完成此操作：

<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>


addEventListener（“DOMContentLoaded”，函数（事件）{
var sel=document.getElementById（'CountrySelect'）；
var opt=document.createElement（'option'）；
opt.innerHTML=“CountyNumerOne”；
opt.value=0；
选择附加儿童（opt）；
});
var select=document.getElementById（“CountrySelect”）；
var期权=[“1”、“2”、“3”、“4”、“5”]//排列
对于（变量i=0；i

var select=document.getElementById（“CountrySelect”）；
var期权=[“1”、“2”、“3”、“4”、“5”]//排列
对于（变量i=0；i

正如您将您的确切代码更改为a代码所看到的，代码运行得很好，因此您在这里看到的内容与您实际项目中正在进行的内容之间存在一些差异。我猜你是在
select
元素出现在页面上之前运行javascript的。@jamice哦，我真是个傻瓜。我把脚本移到了最后，现在它开始工作了。非常感谢。哈，别对自己太苛刻了。我们都犯过类似的错误。正如你所看到的，从将你的确切代码更改为一个完整的代码中，代码工作得很好，所以你在这里所做的和你实际项目中所做的有些不同。我猜你是在
select
元素出现在页面上之前运行javascript的。@jamice哦，我真是个傻瓜。我把脚本移到了最后，现在它开始工作了。非常感谢。哈，别对自己太苛刻了。我们都犯过类似的错误。