Salve a tutti,
vorrei mostrare/nascondere alcuni div a seconda delle opzioni scelte in un select.
Per farlo uso anche qualche javascript prefatto di Dreamweaver, visto che è già fatto ;-)
In particolare al select attraverso spry faccio un controllo sull'obbligatorietà di quel campo, mentre uso la funzione MM_showHideLayers per mostrare/nascondere i div.

codice:
  <script>
function evalAmbito() {
if (document.form1.ambito1.value="scienza"){
 MM_showHideLayers('scienza','','show','noscienza','','hide');
 document.form1.ambito1.value="scienza";
}
else if (document.form1.ambito1.value="noscienza"){
 MM_showHideLayers('scienza','','hide','noscienza','','show');
 document.form1.ambito1.value="noscienza";
}
}
</script>
  

Ambito lavorativo:

      <label for="ambito1"></label>
    <span id="spryambito1">
    <select name="ambito1" id="ambito1" onChange="evalAmbito();" >
      <option value="-1" selected="selected">Indica campo</option>
      <option value="scienza">Scientifico</option>
      <option value="noscienza">Non scientifico</option>
    </select>
    <span class="selectInvalidMsg">Selezionare Ambito lavorativo</span>
    <span class="selectRequiredMsg">Campo richiesto</span></span>
Il problema che verifico però è che non funziona bene.. ovvero cmq scelga nel SELECT indico l'opzione "Scientifico".. senza quindi possibilità di cambiare..
Da notare che se nello javascript, metto al posto di Else If, i due If di seguito la selezione era sempre l'ultima: "Non scientifico".
Qua sotto scrivo cosa intendo per avere i due if di seguito.
codice:
function evalAmbito() {
if (document.form1.ambito1.value="scienza"){
 MM_showHideLayers('scienza','','show','noscienza','','hide');
 document.form1.ambito1.valute="scienza";
}
if (document.form1.ambito1.value="noscienza"){
 MM_showHideLayers('scienza','','hide','noscienza','','show');
 document.form1.ambito1.valute="noscienza";
}
}
Qualcuno mi sa indicare come fixare o una tecnica alternativa?

Grazie,
Riccardo