Question

好的，我知道怎么做 - 理论上。我在网页中有一个下拉列表，我想用javascript动态编辑。我的下拉列表已创建为空，其中包含以下HTML：

<select id="my_dropdown">
</select>

然后这个javascript代码（在head部分中运行）应该用一个选项填充它：

my_drop = document.getElementById("my_dropdown");
my_drop.options[0] = new Option("Name", "value");

我认为我正在通过书籍做所有事情，但是，即使在这一点上被剥夺了，但这个代码仍然无效，无论是在Chromium还是Firefox上。我不知道下一步该尝试什么。建议？

Answer 1

如果你是在任何onload处理程序的头部，那么DOM还没有准备就绪。

将您的javascript移动到HTML中的元素之后，或将其包含在onload函数中。

例如/

<body onload="doMyStuff()">

并在头脑中

function doMyStuff(){
    // code here to add item to dropdown
}

Answer 2

您的代码没有任何问题......我认为您的DOM尚未就绪，请尝试此操作...

在HTML标记

上

<body onload="myFunction()">

并将其添加到您的脚本

function myFunction(){
   my_drop = document.getElementById("my_dropdown");
   my_drop.options[0] = new Option("Name", "value");
}