如何使用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