select nascosta automaticamente

[aquatimer2000]

ciao a tutti,

ho questo codice:

<select name="select_1" onchange="if (this.value=='2') document.getElementById('select_2').style.display= 'block'; else document.getElementById('select_2').display='none' ;">
<option value="1">uno</option>
<option value="2">due</option>
<option value="3">tre</option>
</select>

<select name="select_2" id="select_2" style="display:none">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>


se nella prima select selezione "due" compare la seconda select.

ora ho questo problema:
se nella prima select seleziono per sbaglio l'opzione "due" e poi riseleziono "uno" o "tre" la seconda select mi rimane aperta.

come posso fare per nasconderla di nuovo ?

ciao!

[cavicchiandrea]

nel else ti sei dimenticato lo style:
document.getElementById('select_2').style .display='none';

[puffetto]

Ciao
Ho trovato per caso il codice di aquatimer2000 mentre stavo cercando di risolvere un problema simile e quindi l'ho adattato alle mie esigenze inserendo la parte in grasetto
o meglio attraverso una select mi deve apparire un DIV e scomparire un altro
quindi ho fatto così ma non funge:

<select name="select_1" onchange="if (this.value=='PRIVATO') document.getElementById('select_2').style.display= 'block'; document.getElementById('ciro').style.display='non e'; else document.getElementById('select_2').style.display= 'none';" style="color: #000080; font-size: 10 pt; font-family: Verdana" size="1">
<option selected>Seleziona</option>
<option value="PRIVATO">PRIVATO</option>
<option value="ATTIVITA' COMMERCIALE">ATTIVITA' COMMERCIALE</option>
<option value="ATTIVITA' IMPRENDITORIALE">ATTIVITA' IMPRENDITORIALE</option>
<option value="ENTE PUBBLICO / PRIVATO">ENTE PUBBLICO / PRIVATO</option>
<option value="RIVENDITORE">RIVENDITORE</option>
</select>

<div id="select_2" style="display:none; top:0;" >
contenuto
</div>

<div id="ciro" style="display:block; top:0;" >
contenuto2
</div>

come posso risolvere?

[emu86]

risolvi così:

<select name="select_1" onchange="if (this.value=='PRIVATO')
{
 document.getElementById('select_2').style.display='block'; 
document.getElementById('ciro').style.display='none'; 
}
else
document.getElementById('select_2').style.display='none';" style="color: #000080; font-size: 10 pt; font-family: Verdana" size="1">
<option selected>Seleziona</option>
<option value="PRIVATO">PRIVATO</option>
<option value="ATTIVITA' COMMERCIALE">ATTIVITA' COMMERCIALE</option>
<option value="ATTIVITA' IMPRENDITORIALE">ATTIVITA' IMPRENDITORIALE</option>
<option value="ENTE PUBBLICO / PRIVATO">ENTE PUBBLICO / PRIVATO</option>
<option value="RIVENDITORE">RIVENDITORE</option>
</select>

<div id="select_2" style="display:none; top:0;" >
contenuto
</div>

<div id="ciro" style="display:block; top:0;" >
contenuto2
</div>

praticamente ti eri dimenticato le parentesi grafe.
ciao