Ciao ragazzi, sto lavorando su una funzione che mi consenta di creare dinamicamente delle select (da riempire tramite Ajax).

Al momento la mia funzione fa qualcosa di simile:
codice:
function takeSelect(sel){
	 newSelect = document.createElement("select");
	 newSelect.id="campo";
	 newSelect.name="campo";
	 newSelect.onchange = function(){takeSelect(newSelect)} ;
         ....
         ...
}
In ingresso la funzione prende il riferimento alla select già esistente (dalla scelta della opzione, nascerà una nuova select-tendina che conterrà altri option e così via, tutto dinamico con ajax).

Siccome mi interessa potere eliminare pure queste varie select create, pensavo che creando le select tutte con egual nome ed id (campo), ciò mi rendesse più facile l'eliminazione.

Ho usato una funzione che elimina un oggetto partendo dall'id (presa da questo forum):
codice:
function delElementById(id) {
	var	node,
		result;
	node = 	document.getElementById ? 
		document.getElementById(id) : 
		document.all[id];
	result = (node && node.parentNode);
	if(result)
		node.parentNode.removeChild(node);
	return result;
}
Effettivamente funziona bene solo che penso di sbagliare a creare select tutte con egual id, difatti la funzione di eliminazione elimina un pò a caso le mie select e non proprio partendo dall'ultima creata!

Qualche consiglio? Credo che il problema stia nella prima funzione, nella quale creo tutti i nuovi oggetti con egual nome!