Form select e div nascosto

**bo10646** · 20-01-2006, 19:03

Salve, gentilmente qualcuno ha idea di come fare a far sì che in una select come la seguente:

codice:

<option value="pippo">pippo</option>
<option value="pluto">pluto</option>
<option value="altro">altro</option>
</select>
<div style="display:none;"><input type="text" name="altro" size="20"></div>

selezionando la voce "altro", si renda visibile il campo type="text". Ho provato con getElementById ma non so a quale evento associarlo...
Grazie in anticipo.

**CiodoF** · 20-01-2006, 19:11

Al volo direi :

document.getElementById(NOMEOGGETTO).style.display ='block';

Ma non ho provato.

**bo10646** · 20-01-2006, 19:19

provo, grazie

il problema è a quale evento della select associare il javascript. Ho questo codice per impostare tutti i div nascosti/visibili della pagina

codice:

<script type="text/javascript">
function handle_div(n) {
	var totalDivs=1;
	for(var k=0;k<totalDivs;k++){
		var ref = document.getElementById('con'+k);
		if(k!=n) ref.style.display='none';
		else ref.style.display=(ref.style.display=='none')?'block':'none';
	}
	return false
}
</script>

Se creo un link come il seguente il campo appare e scompare:

codice:

click

Se volessi ottenere lo stesso effetto ma questa volta selezionando un campo della select, come si fa?

**CiodoF** · 20-01-2006, 19:34

Prova con :

<select name="Nome" onchange="MiaFunz();" ...>...</select>

**bo10646** · 20-01-2006, 19:38

grazie, l'ho appena provato senza successo... o meglio funziona ma appare il campo nascosto ad ogni option selezionato, mentre vorrei che apparisse solo se si seleziona la voce "altro"

**CiodoF** · 20-01-2006, 19:44

Proviamo
<form name="form1">
<select name="Combo1" onchange="MiaFunz(document.Form1.Combo1.value);" ...>...</select>

....
....

<script ...>
function MiaFunz(Valore){
var ref = document.getElementById('con'+k);
if (valore=='ValoreControllo'){
ref.style.display=block;
}
else{
ref.style.display='none';
}
}
</script>

</form>

Non l'ho testata.

**bo10646** · 20-01-2006, 19:56

risponde che (document.Form1.Combo1.value) non è un oggetto o è nullo

codice:

<form name="form1"> 
<select name="Combo1" onchange="MiaFunz(document.Form1.Combo1.value);">
<option value="pluto">pippo</option>
<option value="pluto">pluto</option>
</select>
<div style="display:none;" id="n0"><input type="text" name="isola" size="20"></div>

<script> 
function MiaFunz(Valore){ 
var ref = document.getElementById('n'+k); 
if (valore=='pluto'){ 
ref.style.display=block; 
} 
else{ 
ref.style.display='none'; 
} 
} 
</script> 
</form>

**CiodoF** · 20-01-2006, 20:14

Ok adesso l'ho testato.
Prova così:

codice:

<body>
<form id="form1"> 
<select id="Combo1" onchange="MiaFunz(form1.Combo1.value);">
<option value="pippo">pippo</option>
<option value="pluto">pluto</option>
</select>
<div style="display:none;" id="n0"><input type="text" name="isola" size="20"></div>


</form> 
<script> 
function MiaFunz(Valore){ 
var ref = document.getElementById('n0'); 
if (Valore=='pluto'){ 
alert('vedo');
ref.style.display='block'; 
} 
else{ 
alert('nascondo');
ref.style.display='none'; 
} 
} 
</script> 
</body>

**bo10646** · 20-01-2006, 20:31

Originariamente inviato da CiodoF
Ok adesso l'ho testato.

hai un caffe pagato al bar sotto casa, quando passi avvisa...

Grazie mille, davvero.

**CiodoF** · 20-01-2006, 21:04

Figurati.

Discussione: Form select e div nascosto

Strumenti discussione

Ricerca discussione

Visualizza

Form select e div nascosto

Permessi di invio