Làm cách nào để đặt các tùy chọn của trình đơn thả xuống bằng Javascript/jQuery?

Question

Có ai biết cách đặt tùy chọn và giá trị của menu thả xuống bằng javascript hoặc jquery không? Tôi đang sử dụng HTML này:

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

Cảm ơn sự trợ giúp.

Answer 1

Bạn thậm chí không nhất thiết cần jQuery:

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

Example.

Nhưng ở đây nó là với jQuery anyway:

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

Example.

Answer 2

Có một vài cách khác nhau. Một là:

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

Answer 3

Tuy nhiên, một cách khác để làm việc đó, sử dụng select 's add method:

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

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

Ví dụ:http://jsfiddle.net/pc9Dz/

Hoặc một cách khác, bằng cách trực tiếp gán giá trị cho các select 's options bộ sưu tập:

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

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

Answer 4

Dưới đây là một cách khác để loại bỏ tùy chọn sử dụng javascript (tương tự như câu trả lời Andrew Whitaker của) bằng cách sử dụng các tùy chọn mảng:

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