nascondere campi form

**limeste** · 03-08-2010, 20:59

Ciao ragazzi ho un problema, praticamente devo fare comparire il secondo campo di una form quando seleziona "cane" nel primo campo...ho provato così con javascript ma non funziona..e non capisco xkè..chi può aiutarmi?grazie mille a tutti

codice:

<html>
<head>
<script language="javascript">

function SelectNewInput(obj, a)
{
  
var e = document.getElementById(a);
if(obj=="cane")
	e.style.display="block";
else
	e.style.display="none";

}

</script>
<title>Prova</title>
</head>
<body>
<div id="form">


<h3>Inserimento animale</h3></p>
<h4>Compilare la seguente form per selezionare un animale</h4>

<form method="POST" action="insert_annuncio.php" name="modulo">
<table>
<tr>
<td align="right">
Scegli:</td>
<td>
<select name="scelta_animale" onChange="SelectNewInput(this.options[this.selectedIndex].value, 'select');">
<OPTION value=cane>Cane</option>
<OPTION value=gatto>Gatto</option>
</select>
</td>
</tr>



<div id="select" style="display:none">
<tr>
<td align="right">
Razza:</td>
<td>
<input type="text" name="razza"></td>
</tr>
</div>

</table>
</form>
</body>
</html>

**cavicchiandrea** · 04-08-2010, 00:57

Non usare nomi riservati (tipo select, text, form, etc..) per gli id id="select"

**limeste** · 05-08-2010, 13:07

Ciao, ho cambiato il nome ma il risultato non cambia, cioè il campo "Razza" compare sempre qualsiasi cosa io scelga...posto il codice modificato:

codice:

<html>
<head>
<script language="javascript">
function SelectNewInput(obj, a)
{
var e = document.getElementById(a);
if(obj=="cane")
	e.style.display="block";
else
	e.style.display="none";
}
</script>

<title>Prova</title>
</head>
<body>
<div id="form">


<h3>Inserimento animale</h3></p>
<h4>Compilare la seguente form per selezionare un animale</h4>

<form method="POST" action="insert_annuncio.php" name="modulo">
<table>
<tr>
<td align="right">
Scegli:</td>
<td>
<select name="scelta_animale" onChange="SelectNewInput(this.options[this.selectedIndex].value, 'esempioinfo');">
<OPTION value=cane>Cane</option>
<OPTION value=gatto>Gatto</option>
</select>
</td>
</tr>



<div id="esempioinfo" style="display:none">
<tr>
<td align="right">
Razza:</td>
<td>
<input type="text" name="razza"></td>
</tr>
</div>

</table>
</form>
</body>
</html>

Grazie mille per le risposte

**cavicchiandrea** · 05-08-2010, 16:03

prova cosi:

codice:

<tr id="esempioinfo" style="display:none">
<td align="right">
Razza:</td>
<td>
<input type="text" name="razza"></td>
</tr>

togli il div e identifica il tr, se devi usare forzatamente il div prova spostandolo dentro al tr <tr><div>...</div></tr>

**limeste** · 05-08-2010, 16:09

Grandissimo grazie mille ora funziona alla grande!ciao e grazie ancora

Discussione: nascondere campi form

Strumenti discussione

Ricerca discussione

Visualizza

nascondere campi form

Permessi di invio