使用JavaScript填充ASP.NET下拉列表

Question

我该如何使用JavaScript填充ASP.NET下拉列表？还有，我该如何清除所有下拉列表项？

谢谢。

- Ali_dotNet

---

下拉菜单被呈现为选择HTML控件，因此您可以使用简单的JavaScript来填充它：document.getElementById('dropdownname').options.add(new Option('text', 'value'))。 - Haseeb Asif

Answer 1

我该如何使用JavaScript填充ASP.NET下拉列表？

JavaScript对服务器端语言一无所知，它只能看到客户端HTML。JavaScript可以用来操作DOM，而这个DOM是如何生成的并不重要。因此，当你谈论ASP.NET下拉列表时，它实际上对于JavaScript函数来说是一个客户端HTML元素。假设这个元素有一个相应的唯一ID，你可以向它添加。var select = document.getElementById('<%= SomeDdl.ClientID %>'); var option = document.createElement("option"); option.value = '1'; option.innerHTML = 'item 1'; select.appendChild(option); 注意看一下 <%= SomeDdl.ClientID %> 的使用，它用于检索由ASP.NET生成的下拉列表的客户端ID。这仅在javascript是内联时才有效。如果您将其用于单独的javascript文件中，则必须定义一些全局变量指向下拉列表的ID，或者如果您正在使用ASP.NET 4.0，则只需使用确定性ID即可。这里有一个实时演示。还有一个问题：如何清除所有下拉列表项？您可以将相应的<select>长度设置为0：document.getElementById('<%= SomeDdl.ClientID %>').length = 0; 还有一个实时演示。

- Darin Dimitrov

---

你可以将'id_of_select'更新为'<%: DropDown1.ClientID %>'，当然前提是控件名为DropDown1。 - Tieson T.