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

Question

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

感谢

Answer 1

  

如何使用javascript填充ASP.NET下拉列表？

javascript对服务器端语言一无所知。它看到的只是客户端HTML。 Javascript可以用来操纵DOM。如何生成这个DOM并不重要。所以当你谈到ASP.NET下拉列表时，它对javascript函数的实际意义是客户端HTML <select>元素。

假设此元素具有相应的唯一ID，您可以向其添加<option>：

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。

这是live demo。

  

还如何清除所有下拉列表项？

您可以将相应<select>的长度设置为0：

document.getElementById('<%= SomeDdl.ClientID %>').length = 0;

和live demo。