Javascript 用数组中的值填充下拉列表框

我需要在表格中的下拉列表框中填充人类。我相信我做的是正确的，但我得到一个错误，上面写着错误：无法获取未定义或空引用的属性'appendChild'

我做错了什么

HTML:

更改此项：

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

对于（i=0；i更改此项：

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

for（i=0；i正如我在评论中提到的，应该在创建元素后调用脚本。如果没有，脚本将抛出错误，因为它将找不到要添加
选项的
选择
元素

请创建一个用于填充下拉列表的函数，并将其称为
onload
，如下所示：

function popDropDown() {
    var select = document.getElementById('RaceDropDown');
    var options = ["Asian", "Black", "White"];
    var i;
    for (i = 0; i < options.length; i++) {
        var opt = options[i];
        var el = document.createElement("option");
        el.textContent = opt;
        el.value = opt;
        select.appendChild(el);
    }
}

window.onload = popDropDown;

函数popDropDown（）{
var select=document.getElementById（'RaceDropDown'）；
var选项=[“亚洲”、“黑色”、“白色”]；
var i；
对于（i=0；i

另一方面，在for循环
i
足够了，而不是我在评论中提到的
i，应该在创建元素后调用脚本。如果没有，脚本将抛出错误，因为它将找不到
选择
元素来添加
选项

请创建一个用于填充下拉列表的函数，并将其称为
onload
，如下所示：

function popDropDown() {
    var select = document.getElementById('RaceDropDown');
    var options = ["Asian", "Black", "White"];
    var i;
    for (i = 0; i < options.length; i++) {
        var opt = options[i];
        var el = document.createElement("option");
        el.textContent = opt;
        el.value = opt;
        select.appendChild(el);
    }
}

window.onload = popDropDown;

函数popDropDown（）{
var select=document.getElementById（'RaceDropDown'）；
var选项=[“亚洲”、“黑色”、“白色”]；
var i；
对于（i=0；i

另一方面，在for循环中，
i
足够了，而不是
i似乎工作得很好（）。什么时候调用脚本？作为一个方面，
我在HTML正文中调用脚本。它是在元素的代码之后还是在它之前？我在它之前调用它。脚本应该在元素创建之后调用，否则它在执行时将找不到元素。你能移动它吗在
标记之前编写的脚本似乎可以正常工作（）。什么时候调用脚本？作为一个方面，
我在HTML正文中调用脚本。它是在元素的代码之后还是在它之前？我在它之前调用它。脚本应该在元素创建之后调用，否则它在执行时将找不到元素。你能移动它吗在
标记之前编写脚本？
for (i = 0; i < options.length; i++)

function popDropDown() {
    var select = document.getElementById('RaceDropDown');
    var options = ["Asian", "Black", "White"];
    var i;
    for (i = 0; i < options.length; i++) {
        var opt = options[i];
        var el = document.createElement("option");
        el.textContent = opt;
        el.value = opt;
        select.appendChild(el);
    }
}

window.onload = popDropDown;