Savoir quelle option d'un select est sélectionné

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:

---

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 ^^

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

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:

---

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 ^^

Code:

---

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 == !

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. :)