[Javascript] - Gestire form con menu a tendina

[skorpions]

Salve,
volevo realizzare un form un pò complesso nel quale un utente scegliendo una cosa da un menu a tendina gli vengono immediatamente mostrati sotto dei campi diversi a seconda della scelta effettuata.
Non sò se è possibile "nascondere" varie tabelle contenenti le varie informazioni con i campi e mostrare quella adatta solo quando si sceglie il campo associato a quella tabella nel menu a tendina, è possibile farlo?
Spero un un vostro aiuto!
Grazie, ciao!

[skorpions]

Ho provato a ricercare qua e là quello che mi serviva ma non sono riuscito a trovare quello che voglio io, ossia lavorare con una select, questo script funziona con un link normale, ho provato ad implementarlo con una select ma non riesco a farlo andare (non ne capisco quasi nulla di javascript ).
ecco il codice che ho trovato:

<script type=text/javascript>
    function mostra_nascondi(id_riga){
    	var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
    	document.getElementById(id_riga).style.display=(document.getElementById(id_riga).style.display=='none')?((IE)?'block':'table-row'):'none';
    }
</script>

Ho creato una tabella dandogli questi attributi:

<table id="prova" style="display:none;" width="508" border="0" cellpadding="1" cellspacing="1" >

E una select in questo modo:

  <select name="select14">
  <option></option>
    <option onchange="mostra_nascondi('prova');return false">Prova</option>
  </select>

Ho provato sia onchange che onclick ma sembra non andare
qualcuno sà dirmi dove sbaglio ?
Grazie, ciauz!

[cavicchiandrea]

Originariamente inviato da skorpions
Ho provato a ricercare qua e là quello che mi serviva ma non sono riuscito a trovare quello che voglio io, ossia lavorare con una select, questo script funziona con un link normale, ho provato ad implementarlo con una select ma non riesco a farlo andare (non ne capisco quasi nulla di javascript ).
ecco il codice che ho trovato:

<script type=text/javascript>
    function mostra_nascondi(id_riga){
    	var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
    	document.getElementById(id_riga).style.display=(document.getElementById(id_riga).style.display=='none')?((IE)?'block':'table-row'):'none';
    }
</script>

Ho creato una tabella dandogli questi attributi:

<table id="prova" style="display:none;" width="508" border="0" cellpadding="1" cellspacing="1" >

E una select in questo modo:

  <select name="select14">
  <option></option>
    <option onchange="mostra_nascondi('prova');return false">Prova</option>
  </select>

Ho provato sia onchange che onclick ma sembra non andare
qualcuno sà dirmi dove sbaglio ?
Grazie, ciauz!

premesso che non ho provato lo script cambia il richiamo della funzione cosi:

  <select name="select14" onchange="mostra_nascondi(this[this.selectedIndex].value);">
    <option value="prova">Prova</option>
  </select>