javascriptを使用してASP.NETドロップダウンリストを作成する

Question

javascriptを使用してASP.NETドロップダウンリストを作成するにはどうすればよいですか？ また、すべてのドロップダウンリストの項目を消去するにはどうすればよいですか？私はJavaScriptを使用してDropDownListのASP.NETを移入することができますどのように

おかげ

Answer 1

？

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); 

ASP.NETによって生成されたドロップダウンリストのクライアントIDを取得するために使用される方法<%= SomeDdl.ClientID %>注意してください。これは、JavaScriptがインラインである場合にのみ機能します。これを別のjavascriptファイルで使用する場合は、ドロップダウンリストのIDを指すグローバル変数をいくつか定義するか、ASP.NET 4.0を使用している場合は単にdeterministic idを使用する必要があります。

ここにはlive demoがあります。

また、すべてのドロップダウンリストの項目を消去するにはどうすればよいですか？

あなたは0に対応する<select>の長さを設定できます。

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

とlive demo。