popolare select

[dadepax]

Ciao a tutti... Tramite l'evento onChange di una select ne devo popolare un'altra che all'apertura della pagina risulta cosi vuota:

<select name="prodotti" id="prodotti" size="10" >
</select>

Questa funzione js mi dovrebbe popolare la mia select:

function updatePage(){
	if(xmlHttp.readyState == 4){
		var response = xmlHttp.responseText;
		var record = response.split(/\|/); 
		  document.getElementById("prodotti").value = null;
		  for (var i=0; i<record.length; i++){  // loop su tutti i pezzi
			//se il primo carattere di ogni vettore è uguale selezionata
			document.getElementById("prodotti").options[i] = new Option (record[i], record[i]);
		  }
	}
}

in poche parole quando entro nel ciclo for ho dei valori con questo formata:

id,descrizione

Io dovrei fare in modo che l'id diventi il value delle option delle select mentre la descrizione appaia come contenuto dell'option.

spero di essere stato abbastanza chiaro...

Ciao e grazie

[dadepax]

nessuno riesce ad aiutarmi?

[dadepax]

ok, forse ho risolto... mi manca solo una cosa prima di caricare il ciclo degli elementi x popolare la select la devo svuotare... come faccio?? esiste un comando tipo clear?

[Xinod]

new Option(testo,valore)
non capisco cosa ottieni in risposta alla richiesta asincrona, ma gia' fai quanto chiedi settando testo e value = a record[i]
ciao

[Xinod]

cicla al contrario settando le option a null

var obj=document.getElementById("prodotti")
for (var k=obj.length;k>0;k--){
obj.options[k-1]=null;
}

[dadepax]

Nn so se è corretto, cmq ho risolto in questo sistema:

function updatePage(){
	if(xmlHttp.readyState == 4){
		var response = xmlHttp.responseText;
		var record = response.split(/\|/); 
		  for(var k=document.getElementById("prodotti").length;k>0;k--){
		  	document.getElementById("prodotti").options[k-1]=null;
		  }
		  for (var i=0; i<record.length; i++){  // loop su tutti i pezzi
			var valore = record[i].split(',');
			//se il primo carattere di ogni vettore è uguale selezionata
			document.getElementById("prodotti").options[i] = new Option (valore[1], valore[0]);
		  }
	}
}

Grazie x l'aiuto...