Discussion :

[trueark]

Bonsoir à tous !
Etant relativement novice en Javascript, j'ai cherché un bon moment sur Internet une solution à mon problème qui est le suivant :

Je dispose d'un select comportant 4 options. J'y ai appliqué une fonction Javascript lors d'un onChange. Jusqu'ici, tout va bien.

Mon soucis est le test que je dois faire dans ma fonction pour regarder quel option a été choisi par l'utilisateur. Chaque option a une value allant de 0 à 3.

Concrètement, je fais ça pour chaque if en modifiant uniquement le chiffre comparé :

Code :

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

1
2
3
4
5
if(document.getElementById('monSelect').options[document.getElementById('monSelect').selectedIndex].value = 0){
		//afficher un truc
	}else{
		//cacher le truc
	}

Ici, je devrai rentrer dans le vrai si je sélectionne le premier élement de ma liste déroulante et dans le faux des autres tests qui suivent (qui vérifient pour le value = 1,2 et 3). Bizarrement, ça me fait constamment faux pour le value = 0 et vrai pour les 3 autres...

Donc ma question : mon test est-il faux ? Probablement. Quelle serait donc le bon test à faire pour savoir si j'ai sélectionné la première option de mon select, ou la seconde, ou la troisième, etc ?

Je vous remercie d'avance. Je sais que ça doit paraitre évident comme réponse pour certains mais j'ai essayé des combinaisons avec le (blabla.selected = true) et le (blabla.selectedIndex = true) et ça fait un autre truc bizarre.

Bref, un bel appel à l'aide !

Merci ^^

[SpaceFrog]

selectedIndex retourne -1 si aucune selection n'est faite sinon un integer correspondant à l'indice dans le collection des options du select qui commence à 0

[trueark]

Merci de ta réponse !

Je n'arrive néanmoins pas à savoir comment utiliser ce -1... J'ai essayé de remplacer le else par un else if ainsi :

Code :

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

1
2
3
4
5
6
 
if(document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value = 0){
		document.getElementById("liste0").style.display='block';
	}else if (document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value /=  -1){
		document.getElementById("liste0").style.display='none';
	}

Mais bien sûr ça ne marche pas mieux et ça m'affiche directement tout dès que je change quelque chose

Est ce que tu saurais comment je peux concrètement m'en servir ? Désolé de demander

Edit : j'ai mis /= et c'est != en fait, mais ça ne change rien. J'ai confondu, pardon ^^

[Bovino]

Code :

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

if(document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value = 0)

Attention !
= est une affectation (équivalent booléen : true car l'affectation est réussie).
Pour tester une valeur, c'est == !

[trueark]

Merci énormément !
Je fais cette erreur souvent et je n'ai pas pensé à y jeter un oeil
Probablement une séquelle de l'ADA... ^^
Je me sens vraiment stupide.
Merci beaucoup pour l'avoir remarqué à ma place, ça marche très bien maintenant.