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