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