Ciao ragazzi ho un problema con javascript: ci sono 2 radio button. al selezionare del primo deve apparire una select con 3 option. al selezionare del secondo radio deve apparire un'altra select sotto il secondo radio button. Insomma le select devono apparire solo se il button radio corrispondente è selezionato, invece essere display none se non è selezionato. Il primo radio funziona, selezionandolo spunta la select corrispondente, ma il secondo no. dice ke la funzione mostra 2 non è definita. Io non riesco a vedere l'errore
Codice PHP:
[B]Nell'head[/B]
<script>
function mostra(){
if(document.getElementById("opzioni_1").checked==true){
document.getElementById("hide1").style.display="block";
document.getElementById("hide2").style.display="none";
}
function mostra2(){
if(document.getElementById("opzioni_2").checked==true){
document.getElementById("hide2").style.display="block";
document.getElementById("hide1").style.display="none";
}
}
}
</script>
[B]Nel body[/B]
<form id="form1" name="form1" method="post" action="">
<label>
<input type="radio" name="opzioni" value="opz0" id="opzioni_1" onchange="mostra()"/>
Voglio che il banner ricarichi il mio credito WinBid</label>
<select name="hide1" id="hide1" style="display:none;">
<option value="1">primo banner</option>
<option value="2">secondo banner</option>
<option value="3">terzo banner</option>
</select>
<label>
<input type="radio" name="opzioni" value="opz1" id="opzioni_2" onchange="mostra2()"/>
Voglio ricevere il pagamento diretto</label>
<select name="hide2" id="hide2" style="display:none;">
<option value="1">primo banner</option>
<option value="2">secondo banner</option>
<option value="3">terzo banner</option>
</select>
</p>
</form>