Javascript/jQueryを使用してドロップダウンのオプションを設定するには？

Question

javascriptまたはjqueryを使用してドロップダウンメニューのオプションと値を設定する方法を知っている人はいますか？このHTMLを使用しています：

<select size="1" id="D1"> 
</select> 

ありがとうございました。

Answer 1

あなたも、必ずしもjQueryの必要はありません。

var select = document.getElementById("D1"), 
    opt = document.createElement("option"); 
opt.value = "value"; 
opt.textContent = "text to be displayed"; 
select.appendChild(opt); 

Exampleを。

しかし、ここでそれはとにかくjQueryを使っている：

$("select#D1").append($("<option>") 
    .val("value") 
    .html("text to be displayed") 
); 

Example。

Answer 2

いくつかの方法があります。一つは、次のとおりです。それをやっての

$("#D1").append("<option>Fred</option>"); 

Answer 3

さらに別の方法、使用してselectさんadd method：

var select = $("#select")[0]; 

select.add(new Option("one", 1)); 
select.add(new Option("two", 2)); 
select.add(new Option("three", 3)); 

例：http://jsfiddle.net/pc9Dz/

それとも別の方法で、直接selectに値を割り当てることによって、さんのoptionsコレクション：

var select = $("#select")[0]; 

select.options[0] = new Option("one", 1); 
select.options[1] = new Option("two", 2); 

ここで

Answer 4

は、オプションの配列を使用することによって（アンドリュー・ウィテカーの答えに類似）はJavaScriptを使用してオプションを削除するさらに別の方法です：

var select = document.getElementById("D1"); 
select.options.length = 0;//remove all options