Discussion :

[aztix]

Bonjour tout le monde!
Je suis novice en Java et je bug sur une petite fonction qui me prend la tete!!!
Voila mon problème :

J'ai un champs select avec 3 valeurs, je voudrais que lorsque l'utilisateur sélectionne l'une de ses valeurs, alors un autre champs select apparaît!

voici mon Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" >
function affiche() {
var a = document.contactform.a.option.value;
 
   if (a == "salle") {
      document.getElementById('b').style.display = 'block';
   } else if (a !== "salle" ) {
      document.getElementById('b').style.display = 'none';
   } 
}
</script>

et voici donc mon HTML :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form name="contactform" method="post" action="sendmail.php">
        <SELECT name="a" id="a" onchange="affiche();" >
			<OPTION VALUE="table" selected>Réserver une table</OPTION>
			<OPTION VALUE="salle" >Privatiser une salle</OPTION>
			<OPTION VALUE="restaurant">Privatiser le restaurant</OPTION>
		</SELECT>
 
        <SELECT name="b" id="b" style="display:none;">
			<OPTION VALUE="terrasse">Privatiser la Terrasse</OPTION>
			<OPTION VALUE="club">Privatiser le Club</OPTION>
			<OPTION VALUE="bar">Privatiser le Bar</OPTION>
        	<OPTION VALUE="salle">Privatiser la Grande Salle</OPTION>
		</SELECT>
</form>

A l'aiiiidddeeee
Merci !

[andry.aime]

Bonsoir,

Code :

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

var a = document.contactform.a.value;

ou bien

Code :

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

var a = document.contactform.a.options[document.contactform.a.selectedIndex].value;

Et pas la peine de tester la condition

if (a !== "salle" )

pour le else parce que si a n'est pas égal à salle, il l'est différent.

A+.

[Auteur]

bonsoir,

Et pas la peine de tester la condition

Code javascript :

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

if (a !== "salle" )

pour le else parce que si a n'est pas égal à salle, il l'est différent.

il y a d'ailleurs une erreur dans la condition c'est != et non !==.

Pour le code HTML un conseil : écris les balises en minuscules

[andry.aime]

il y a d'ailleurs une erreur dans la condition c'est != et non !==.

Je pense qu'il l'a fait pas erreur. Et je ne l'ai même pas vu.
Mais en js l'opérateur !== permet de tester la différence de la valeur en même temps le type de la variable.

[aztix]

Merciiii ca fonctionne parfaitement! un vrai grand merci pour votre aide, j'etais en train de devenir fou