使用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。

如何清除所有的dropdownlist项目？

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

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

并有live demo。