Discussion :

[Green-Geek]

Bonjour,
Je n'arrive pas à réussir une SIMPLE liste déroulante avec des choix cliquables, le onclick ne fonctionne pas sous IE

le code suivant fonctionne comme il faut sous Firefox mais pas sous IE (je dois le réussir sous IE8) :

Code :

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

1
2
3
4
5
6
7
<FORM>
	<SELECT id="choix_nbr" name="nbe_comment">
		<OPTION id="choix_1" VALUE="1" name="cmt1" onClick="appeler_fonction();">1</OPTION>
		<OPTION id="choix_2" VALUE="2" name="cmt2" onClick="alert('Vous avez bien cliqué sur 2')">2</OPTION>
		<OPTION id="choix_3" VALUE="3" name="cmt3" onClick="appeler_fonction();">3</OPTION>
	</SELECT >
</FORM>

Merci de votre aide,

[01001111]

peut-être onclick est-il case sensitive sous IE8 (écrire onclick au lieu de onClick)
sinon peut-être que passer par onchange sera plus efficace.
en ce cas, le parcours des options à la recherche de la valeur selected fera l'affaire.

Code javascript :

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

1
2
3
4
5
6
7
 
var sel=document.getElementById("choix_nbr");
for (var i=0; i<sel.childNodes.length; i++) {
       if (sel.childNodes[i].selected) {
                alert('Vous avez bien choisi '+sel.childNodes[i].value);
       }
}

[Green-Geek]

J'ai testé avec onclick et onClick mais c'est pareil
oui, merci pour le code cela va bien m'aider.

Sinon comment choisir par défaut le choix 1 et afficher (Vous avez bien choisi 1) dès la première visite ?, je sais qu'il faut rajouter un selected mais je ne vois pas comment afficher le message (Vous avez bien choisi 1) dès la première visite de la page

[NoSmoking]

Bonjour,
pourquoi ne pas passer par un switch ...case qui me paraît opportun dans ton cas

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
var oSelect = document.getElementById('choix_nbr');
 
oSelect.onchange = function(){
  var valeur = this.value;   // récupération simple de la valeur de l'option sélectionnée
  switch (valeur){
      case '1' :
        alert('UN');
        break;
      case '2' :
        alert('DEUX');
        break;
      case '3' :
        alert('TROIS');
        break;
  }
}

bien sûr l'intérêt n'existe que si tu as autre chose à faire que des alertes, par exemple des fonctions différentes à appeler suivant les options choisies.