Ciao ragazzi.
E' da un po che non scrivo, sentivo la vostra mancanza

Sto creando una semplice pagina di iscrizione, dove però mi servono dei campi che possono essere varibili. Queste variazioni, devono essere fatte direttamente sul modulo, senza un refresh della pagina.

Ho quindi il mio FORM, con diversi campi, se l'utente seleziona tramite il check "X", si deve visualizzare il campo "A", se l'utente invece seleziona "Y", si deve visualizzare il campo "B".

Ho cercato quasi tutta la sera su google, ho girato qui per il forum, per le guide di html.it, ma non ho trovato quasi nulla che potesse servirmi, se non qualche riga. Diciamo che in un modo o nell'altro, sono arrivato a questo codice:

codice:
function campi(id, tipo)
{	
	if(id == 0) // id, tipo utente X = id 1, Y = id 0
	{
		var trContenitore=document.createElement("TR");
		var tdC1=document.createElement("TD");
		var p = document.createElement("P");
		var tdC2=document.createElement("TD");
		var inputC1=document.createElement("INPUT");
		var text = document.createTextNode('Campo utente...');		
		p.appendChild(text);	
		inputC1.setAttribute("type","text");
		inputC1.setAttribute("id","nomefrm");
                inputC1.setAttribute("name","nome");
		tdC1.appendChild(p);
		tdC2.appendChild(inputC1);
                trContenitore.appendChild(tdC1);
		trContenitore.appendChild(tdC2);	
		document.getElementById('tabella').getElementsByTagName('TBODY')[1].appendChild(trContenitore);
	}else{
		var trContenitore=document.createElement("TR");
		var tdC1=document.createElement("TD");
		var p = document.createElement("P");
		var tdC2=document.createElement("TD");
		var inputC1=document.createElement("INPUT");
		var text = document.createTextNode('Secondo campo altro utente');		
		p.appendChild(text);	
		inputC1.setAttribute("type","text");
		inputC1.setAttribute("id","nomefrm");
                inputC1.setAttribute("name","nome");
		tdC1.appendChild(p);
		tdC2.appendChild(inputC1);
                trContenitore.appendChild(tdC1);
		trContenitore.appendChild(tdC2);	
		document.getElementById('tabella').getElementsByTagName('TBODY')[1].appendChild(trContenitore);
	}
}

function deleteCampi()
{
       var elimina1 = document.getElementsByName('TBODY')[1];
	elimina1.removeChild(elimina1);
	return true;
}
Ma ovviamente non mi funziona!
In qualche modo sono riuscito poi a farlo partite, inserisce ed elimina il campo ma se ripeto l'operazione più volte piano piano mi spariscono gli altri form fino alla cancellazione completa di tutti!

Non esiste una guida completa, oppure qualche script già realizzato da dove posso prendere spunto?

Illuminatemi...
Grazie, Fabio.