Как установить параметры выпадающего меню с помощью 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 «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)); 

Пример:http://jsfiddle.net/pc9Dz/

Или другой способ, непосредственно назначая значения к select 's options collection:

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