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

Question

好的，从理论上讲，我知道该怎么做。 我在网页中有一个下拉列表，想要使用javascript动态编辑。 我的下拉列表已创建，为空，带有以下HTML：

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

然后，此javascript代码（在开头部分运行）应该使用单个选项填充它：

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");
}