Nascondere diversi div con un select

[skylab]

Salve a tutti,
sto impazzendo per fare una cosa che definirei semplicissima, ma il maledetto IE continua a meravigliarmi sulle sue stranezze.

Ho il seguente script in javascript che mi consente con due funzioni di nascondere o riattivare un determinato div indicato.

<script language="JavaScript" type="text/javascript"> 
function hide(aDivName) {        
document.getElementById(aDivName).style.display = 'none';    
}  
function show(aDivName) {  
document.getElementById(aDivName).style.display == 'none';
document.getElementById(aDivName).style.display = 'block';     
}   
</script>

solo che quando lo uso con un campo select come sotto esposto, non funziona con IE.

 
<select name="professione" id="prof">          
<option onFocus="hide('option1');" onClick="hide('option1');" value="">--</option>     
<option  value="1">Istruttore</option>     
<option  value="2">Allievo</option>     
<option  value="3">Amatore</option>    
 </select>

Sapete indicarmi dove sbaglio??

[cavicchiandrea]

Nel richiamo della funzione:

<select name="professione" id="prof" onchange="hide('option1');">          
<option  value="">--</option>     
<option  value="1">Istruttore</option>     
<option  value="2">Allievo</option>     
<option  value="3">Amatore</option>    
 </select>

devi usare onchange nella select e non nelle option.

[skylab]

Quindi mi sembra di capire che il nostro caro amico IE non riconosce gli eventi negli option

devi usare onchange nella select e non nelle option.

solo che cosi facendo non riesco a capire come fare a nascondere un dato div in base a quello che uno sceglie nel select.

[Enzaccio]

Originariamente inviato da skylab

document.getElementById(aDivName).style.display = 'none';

Ma con Browser diverso da IE ti funziona?
Se è così, prima di esaminare il tutto vediamo se posso arrivare ad una short-answer preventiva.
Cosa hai assegnato, ID, NAME, od entrambi, ai DIV per la parte HTML (che non abbiamo visto) ?

IExplorer riconosce l' Attributo NAME solo per i FORM-Elementi.

[skylab]

Si se provo il mio codice con Firefox mi funziona tutto.

I miei div da nascondere ed attivare sono semplicemente strutturati cosi:

<div id="option1">
<input id="user" type="text" name="livello_d" class="inputbox" alt="username" size="15" />
</div>

[cavicchiandrea]

Originariamente inviato da skylab
Quindi mi sembra di capire che il nostro caro amico IE non riconosce gli eventi negli option

solo che cosi facendo non riesco a capire come fare a nascondere un dato div in base a quello che uno sceglie nel select.

E chi lo dice nella funzione, potrai verificare la option selezionata e con degli if else mostrare e nascondere a piacere.

[skylab]

ok grazie mille proverò a risolvere cosi