Come impostare le opzioni di un menu a discesa usando Javascript/jQuery?

Question

Qualcuno sa come impostare le opzioni e i valori di un menu a discesa usando javascript o jquery? Sto usando questo HTML:

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

Grazie per l'aiuto.

Answer 1

Non hai nemmeno necessariamente bisogno jQuery:

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

Example.

ma qui è in ogni caso con jQuery:

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

Example.

Answer 2

Ci sono diversi modi. Uno è:

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

Answer 3

Ancora un altro modo di farlo, usando 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)); 

Esempio:http://jsfiddle.net/pc9Dz/

modo o nell'altro, assegnando direttamente i valori al selectoptions collezione:

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

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

Answer 4

Ecco un altro modo per rimuovere le opzioni che utilizzano javascript (simile alla risposta di Andrew Whitaker) utilizzando la matrice opzioni:

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