appendere un'elemento ad una select box

[Chiara88d]

Ciao a tutti voi del forum!!

Ho una select box con vari elementi option per esempio:

<select name="prova" id="prova">
<option value='uno'>uno</option>
<option value='due'>due</option>
<option value='tre'>tre</option>
</select>

tramite il dom vorrei appendere un'altro elemento alla lista,ma che vada in cima a quelli esistenti,
ho provato in questo modo ma il nuovo elemento viene appeso allla fine:

function appendOption() {

newElem = document.createElement("option");
newElem.text = "ciaooo";
newElem.value = "";
document.getElementById("prova").appendChild(newEl em);
}

come potrei risolvere??
grazie a tutti!!

[carlogh]

dovresti poter usare la funzione insertBefore(). Non posso provare se funziona in questo momento ma più o meno dovrebbe essere così:

function appendOption() {
   newElem = document.createElement("option");
   newElem.text = "ciaooo";
   newElem.value = "";
   var select = document.getElementById("prova");
   select.insertBefore(newElem, select.childNodes[0]);
}

[Xinod]

Originariamente inviato da carlogh
dovresti poter usare la funzione insertBefore(). Non posso provare se funziona in questo momento ma più o meno dovrebbe essere così:

function appendOption() {
   newElem = document.createElement("option");
   newElem.text = "ciaooo";
   newElem.value = "";
   var select = document.getElementById("prova");
   select.insertBefore(newElem, select.childNodes[0]);
}

newElem.appendChild(document.createTextNode("ciaoo o"));
al posto di
newElem.text = "ciaooo";
altrimenti IE non scrive il testo

[Chiara88d]

si grazie funziona ,ma per aggiungerci l'attributo selected??

[Xinod]

se vuoi andare sul sicuro,
select.selectedIndex=0;
dopo select.insertBefore(newElem, select.childNodes[0]);