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

這是一個現場演示 。

另外我如何清除所有下拉列表項？

您可以將相應<select>的長度設置為0：

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

還有現場演示 。