Affichage conditionnel dans un formulaire

Version imprimable

Bonjour a tous

Je suis sur un petit probleme avec un formulaire.

Je voudrais savoir en fait si il est possible d'afficher dans un formulaire a condition que l'user selectionne une reponse precise dans une liste.

Je m'explique:

j'ai cette liste:
Code:

1 2 3 4 5 6 7 8 9 10 11 <select name="genre" id="genre"> <option value="genre">Genre</option> <?php while ($donneesGenre = mysql_fetch_array($reponseGenre)) { echo '<option value='.$donneesGenre ['NUMEROGENRE'].'>'.$donneesGenre ['NOMGENRE'].'</option>'; } ?> <option value="autre">Autre</option> </select>
Et voila ou je bloque.
Ce que j'aimerais faire si c'est possible c'est afficher plusieurs textfields relatif a l'enregistrement d'un nouveau genre si l'user selectionne autre dans la liste.

Si quelqun aurait un idee sa serait sympas

Merci d'avance ;)

07/01/2009, 09h14
SpaceFrog

sur le onchange du select il suffit de verfier le selected index dasn un swicth qui modifiera le displya ou le visibility de tel ou tel element du formulaire ...

C bon j'ai trouvé :yaisse2:
J'ai fait comme sa en fait:

dans le heat les fonctions javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
/*foncion qui cache ou afficher le texfield relatif a la création d'un nouveau type.*/
function afficheNouveauType(){
	if (document.getElementById('type').value=="autre")
	{
		document.getElementById('NouveauType').style.visibility=(true) ? "visible":"hidden"; 
	}
	else
	{
		document.getElementById('NouveauType').style.visibility=(false) ? "visible":"hidden"; 
	}
}

dans l' balise du menu j'appele la fonction crée:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<select name="type" id="type" onchange="javascript:afficheNouveauType();">
<option value="type">Type</option>
<?php
while ($donneesType = mysql_fetch_array($reponseType))
{
echo '<option value='.$donneesType ['NUMEROTYPE'].'>'.$donneesType ['NOMTYPE'].'</option>';
}
?>
<option value="autre">Autre</option>
</select>

et le textfield lui meme:

Code:

1
2
3
4
 
 
<input type="text" name="nouveauType" value="NouveauType" onfocus="javascript:if(this.value=='NouveauType')this.value='';" title="Nom du nouveau type d'entité" id="NouveauType" onblur="if(this.value.length==0){this.value='NouveauType'}" />
<br />

Pour finir il me restait pls qu'a apeler la fonction dans le body avec onload pour que le textfield soit cache a l'ouverture de la page :king:

Merci mille fois :)