[javascript] modifica struttura della pagina in base alla scelta da un menu a tendina

[Tallino]

Ciao ragazzi,
nella form della mia pagina ho un menu a tendina dove dovrebbero comparire 3 alternative: e-mail, fax, telefono.
Se utente opta per l'e-mail, compare un campo dove inserire l'indirizzo, se opta per il fax compare un campo dove inserirne il numero, se invece sceglie il telefono, oltre al campo in cui inserire il num di tel, dovrebbe comparirne un altro ancora dove inserire l' orario a cui preferisce essere ricontattato.
E' possibile fare "apparire/scomparire" i vari campi, senza riaggiornare la pagina, tramite javascript?
Grazie sin da ora x la vostra pazioenza e disponibilità!

[Mich_]

La cosa piu` semplice e` fare apparire /scomaparire dei <div> dentro cui ci metti i tuoi campi.

<input type="radio" name="scegli" value="tel" onclick="abil('tel');"> telefono

<input type="radio" name="scegli" value="ema" onclick="abil('ema');"> email

<input type="radio" name="scegli" value="fax" onclick="abil('fax');">fax


<div id="div_tel" style="display:none;">
il tuo campo telefono + il campo orario
</div>
<div id="div_ema" style="display:none;">
il tuo campo email
</div>
<div id="div_fax" style="display:none;">
il tuo campo fax
</div>

nella head ci dovrai mettere uno script con questa funzione:

function abil(cosa) {
  // document.getElementById('div_tel').style.display = 'none';
  // document.getElementById('div_ema').style.display = 'none';
  // document.getElementById('div_fax').style.display = 'none';
  var cc = "div_"+cosa;
  document.getElementById(cc).style.display = 'block';
}

le tre righe iniziali puoi lasciarle o toglierle tutte tre, a seconda se vuoi che ne possa apparire solo uno o anche piu` di uno.