javascript - 使用 Javascript 动态编辑下拉列表 - 不工作

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 上。我不知道接下来要尝试什么。建议？

score 1 · Accepted Answer

如果你在头脑中做这件事，在任何onload处理程序之外，那么 DOM 还没有准备好。

要么将你的 javascript 移动到 HTML 中的元素之后，要么将它包含在一个onload函数中。

例如/

<body onload="doMyStuff()">

并在头部

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

score 0 · Accepted Answer

nothing is wrong with your code... i think your DOM isn't ready so try this...

on your HTML tag

<body onload="myFunction()">

and add this to your script

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

2 回答 2