Discussion :

[padodanle51]

Bonjour
Voilà mon problème, j'ai un select ,(ou combo) avec 3 valeurs. En fonction de la valeur sélectionnée je veux que champs s'affiche ou pas. Comment faire?
Voilà le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<select id="Type" name="Type" size=1>
			<option value="Emploi">Emploi
			<option value="Stage" >Stage
			<option value="Projet">Projet
		</select>  <br/>
//Champs à afficher que dans certains cas:
		Durée de l'offre (en mois): <input type="text" name="DureeOffre"/> <br/>

[darkstar123456]

alors...
1] il s'agit de JavaScript et non de PHP
2] pour bien coder du JavaScript, il faut bien coder en HTML
3] En tenant compte des 2 premiers points, ça donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form method="post" action="">
<div>
	<label for="type">Type : </label>
	<select id="type" name="Type" size="1" onChange="THEFUNCTION(this.selectedIndex);">
			<option value="Emploi">Emploi
			<option value="Stage" >Stage
			<option value="Projet">Projet
		</select>
</div>
<div style="display:none;" id="divDuree">
	<label for="dureeOffre">Durée de l'offre (en mois): </label>
	<input type="text" name="DureeOffre" id="dureeOffre"/>
</div>
</form>
<script type="text/javascript">
	function THEFUNCTION(i) {
		var divDuree = document.getElementById('divDuree');
		switch(i) {
			case 0 : divDuree.style.display = ''; break;
			default: divDuree.style.display = 'none'; break;
		}
	}
</script>

Commentaires:
Alors qu'est-ce que j'ai donc fait? C'est simple : pour commencer, par défaut, je cache le <div> qui contient l'input qui doit parfois etre affiché.
Dans le select j'ai ajouté l'attribut ONCHANGE qui appelle la fonction THEFUNCTION. Cette dernière affiche le div uniquement si l'index du select vaut 0.

Si tu as des questions, n'hésite pas

[padodanle51]

Merci beaucoup ça marche super bien et j'ai tout compris!
Encore merci