Récupération de la valeur d'un SELECT

Version imprimable

Bonjour,

voila j'ai un petit souci pour récupérer la valeur d'un SELECT sous IE.
mais sous FIREFOX ca marche bien. et ca qui m'intrigue

voila mon script:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function myFunction(){ if(code==""){ alert("Aucune valeur n'est selectionnée !!!"); }else{ alert('La valeur est '+code); } } <td id="col42"><select name="banques" id="idlistebanques"> <option></option> <option>val1</option> <option>val2</option> </select> <INPUT type="button" value="+" onClick="myfunction();"/> </td>
Merci d'avance.

code ???? 8O c'est quoi il sort d'ou ???

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function myFunction(){
	if(document.getElementById('idlistbanques').selectedIndex==-1){
			alert("Aucune valeur n'est selectionnée !!!");
	}else{
			alert('La valeur est '+document.getElementById('idlistbanques').options[document.getElementById('idlistbanques').selectedIndex].innerHTML);
	}
}
 
 
<td id="col42"><select name="banques" id="idlistebanques"> 
			  <option></option>
			  <option>val1</option>
    	 	          <option>val2</option>
	    </select>
<INPUT type="button" value="+" onClick="myfunction();"/>

</td>

15/07/2007, 13h40
kheiro

effectivement , j'ai oublier de copier un bout de script pour alimenter la variable code, c'est juste un exemple que j'ai fait , mais ca marche pas sous IE, il m'affiche toujours " aucune valeur n'est selectionnée "

function myfunction(){

var code=
document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value;

if(code==""){
alert("Aucune valeur n'est selectionnée !!!");
}else{
alert('La valeur est '+code);
}
}
</script>
</head>
<body>
<select id="liste">
<option></option>
<option>val1</option>
<option>val2</option>
</select><INPUT type="button" value="+" onClick="myfunction();"/>
</body>
</html>

Citation:

Envoyé par SpaceFrog

code ???? 8O c'est quoi il sort d'ou ???

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function myFunction(){
	if(document.getElementById('idlistbanques').selectedIndex==-1){
			alert("Aucune valeur n'est selectionnée !!!");
	}else{
			alert('La valeur est '+document.getElementById('idlistbanques').options[document.getElementById('idlistbanques').selectedIndex].innerHTML);
	}
}
 
 
<td id="col42"><select name="banques" id="idlistebanques"> 
			  <option></option>
			  <option>val1</option>
    	 	          <option>val2</option>
	    </select>
<INPUT type="button" value="+" onClick="myfunction();"/>

</td>

8O 8O

Tu sais :

-Factoriser ton code?
-Que js est case sensitive?
-Qu'on accède à une valeur d'un select avec monSelect.value?
-Que innerHTML est inutile en l'occurence, et qu'il vaut mieux passer par la vrai valeur de l'element?

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
		function myFunction(){
			var listBanque = document.getElementById('idlistebanques');
			if(listBanque.selectedIndex==0){
				alert("Aucune valeur n'est selectionnée !!!");
			}else{
				alert('La valeur est '+listBanque.value);
			}
		}
</script>

16/07/2007, 08h48
SpaceFrog

Citation:

-Factoriser ton code?
-Que js est case sensitive?
-Qu'on accède à une valeur d'un select avec monSelect.value?
-Que innerHTML est inutile en l'occurence, et qu'il vaut mieux passer par la vrai valeur de l'element?

1) bien entendu, mais en l'occurence pour que l'exemple soit des plus explicites...
2) j'ai pas testé le code, désolé pour la faute de frappe :oops:? Il est vrai qu'un simple test m'aurait permis de voir le F # f.
3) évidemment, mais dans cet exemple les options n'ont pas de value ...
4) idem 3 ...

Shinuza, je ne pense pas que mettre un code complètement factorisé, en plus faisant appel à des values qui n'existent pas au niveau des balises options aurait été des plus clairs à comprendre...
Certes toi et moi savons que dans l'absolu la factorisation du code et la bonne utilisation des propriétés des objets améliorent le rendement, mais je reste persuadé qu'a des fins didactiques, et notre ami n'étant pas un expert de javascript, on doit pouvoir coder moins strictement que la règle de l'art ne le voudroit ...
16/07/2007, 09h28
Shinuza

getElementById est une méthode, et qu'étant donné que l'on travaille avec le même element quel est l'interêt de faire appel trois fois à cette méthode?

Dans un deuxième temps, j'aimerais bien comprendre comment c'est censé être ludique que de ne pas apprendre à factoriser son code?

Stocker une valeur ou une réference dans une variable est de loin la manière la plus claire de présenter le code.

C'est peu probable qu'il se serve des valeurs de présentation pour ses actions coté serveur :aie:
16/07/2007, 09h35
SpaceFrog

qui parle de ludique ?
je ne parle que de compréhension...

Citation:

C'est peu probable qu'il se serve des valeurs de présentation pour ses actions coté serveur

jusqu'à preuve du contraire dans le code donné il n'y a pas de value !
si notre ami à un problème de value, il le resoudra àprès, je ne vais pas faire un cour complet sur la soumission du formulaire et la récupération des valeurs de select coté serveur lorsque la question est :

Code:

"récupérer la valeur d'un SELECT sous IE."

avec des selects qui n'ont pas de value ...
en étudiant la source donnée:

Code:

<option></option>

suivi de

Code:

code==""

Il m'est parut évident qui'l cherchait à récupéré le innerHMLT en non les value (absentes)
(ce qui n'explique d'ailleur pas mon selectIndex=-1 au lien de 0 :oops:)

Maintenant notre ami à toutes les clefs en main pour faire son code et choisir entre values et innerHTML
16/07/2007, 10h53
kheiro

Merci,

j'ai utilisé innerHTML et ca marche nickel pour les deux navigateurs