Récupérer les valeurs d'une liste déroulante multiple

Version imprimable

27/05/2010, 18h43
noobyyy

Récupérer les valeurs d'une liste déroulante multiple
bonsoir, j'aimerai savoir si c'est possible de récupérer toutes les valeurs sélectionnées dans une liste déroulante à choix multiple et d'en faire une seule variable en javascript ?

js:
Code:

1 2 3 4 nom = document.getElementById('nom'); th_nom = nom.options[contact.selectedIndex].value; alert(th_nom);
exemple si je sélectionne 5 noms:

toto
tutu
tata
titi
tyty

comment je peux faire pour obtenir le résultat suivant:

Code:

resultat = "toto tutu tata titi tyty"; // le tout en une variable

Je dois faire un while ?

Merci de m'aiguiller car j'ai jamais testé, je suis perdu.
27/05/2010, 18h54
vermine
Ho oui par exemple un while sur le tableau "select" et puis:
Code:

1 2 resultat += th_nom + " ";

Euh, merci mais je ne comprends pas... Comment ça sur le select ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
	contact = document.getElementById('contact');
	th_nom = contact.options[contact.selectedIndex].value;
	resultat ="";
 
	while(th_nom)
	{
		resultat += th_nom + " ";
 
	}
 
	alert(resultat); // boucle infini

27/05/2010, 19h25
SpaceFrog

non boucle avec for sur

Code:

contact.options.length

ou

Code:

while (contact.options[++i])

Code:

1 2 3 4 5 6 7 8 9 10 11 contact = document.getElementById('contact'); th_nom = contact.options[contact.selectedIndex].value; resultat =""; i = 0; while (contact.options[++i]) { resultat += th_nom + " "; } alert(resultat);
Parfait, merci cependant j'obtiens toute ma liste et non pas juste les sélections, comment faire ce test ?

teste le checked dans la boucle

Code:

1
2
3
4
5
6
7
8
9
10
11
 
	contact = document.getElementById('contact');
	th_nom = contact.options[contact.selectedIndex].value;
	resultat ="";
	i = 0;
	while (contact.options[++i])
	{
	 (contact.options[i].checked) && resultat += th_nom + " ";
	}
 
	alert(resultat);

Voici un code sans doute plus simple à comprendre...
Desolé j'ai été dans le && toute le journée ^^

Code:

1
2
3
4
5
6
7
8
9
10
	contact = document.getElementById('contact');
	th_nom = contact.options[contact.selectedIndex].value;
	resultat ="";
	i = 0;
	while (contact.options[++i])
	{
	 if(contact.options[i].checked==true){ resultat += th_nom + " ";}
	}
 
	alert(resultat);

27/05/2010, 19h54
vermine

Quand est-ce que th_nom est mis à jour ? :?

Je m'y perds, surtout que je ne savais pas que la syntaxe && existait.. :cry:
27/05/2010, 20h03
noobyyy

le resultat donne vide. l'alert
27/05/2010, 20h07
vermine
SpaceFrog, ne faudrait-il pas mieux incrémenter après ? Là j'ai peur qu'on ne saute deux valeurs d'un coup.
Code:

1 2 3 4 5 6 while (contact.options[i]) { if(contact.options[i]... i++; }
27/05/2010, 20h13
noobyyy

c'est bizarre je n'ai aucune valeur dans resultat ....

Code:

1
2
3
4
while (contact.options[i++])
	{
	 if(contact.options[i].checked){ resultat += contact.options[i].text + " ";}
	}

27/05/2010, 20h39
noobyyy

fonctionne toujours pas :cry:
merci de m'aider c'est sympa lol jvais chercher toute la soirée je pense ^^

Alors ...
J'ecris une énormité et tout le monde me suit gaiement :mouarf:

depuis quand on check les options de select :aie::aie::aie:

selected est nettement mieux :oops::oops::oops::oops:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<body>
<script type='text/javascript'>
function bar(){
var resultat=""
var contact = document.getElementById('contact');
var i = -1;
	while (contact.options[++i])
	{
	 (contact.options[i].selected) && (resultat+= contact.options[i].value + " ");
	}
 
	alert(resultat);
	}
</script>
 
<select id='contact' multiple>
	<option value='sam'>sam</option>
	<option value='jo'>jo</option>
	<option value='phil'>phil</option>
	<option value='mac'>mac</option>
	<option value='flo'>flo</option>
	<option value='mick'>mick</option>
	<option value='pete'>pete</option>
	<option value='jane'>jane</option>
</select>
<input type="button" onclick="bar()" value="go" />
</body>

27/05/2010, 21h08
noobyyy

pff 8O tu as raison lol :ccool:
Merci d'avoir vu le soucis !

tout est nikel !
27/05/2010, 21h36
SpaceFrog
Vermine,
J'affectionne la syntaxe while avec ++i pour sa simplicité.
à la difference de i++ l'effet de ++i est immediat l'indrement se fait d'es l'interprétaition et non après donc le premier indice testé est 0

avec i++ il faut initialiser i =0
Code:

1 2 3 et while(monarray[i++]){ // du coup ici pour avoir l'element du while il faut prendre monarray[i-1] }
en revanche avec ++i l'increment étant immediat
on initialise i =1
puis
Code:

1 2 while(monarray[++i]){ //ici monarray[i] correspond à l'element du while}

Merci pour cette explication complémentaire.

Cependant, dans la collection il y a toujours quelque chose à corriger:

D'une manière générale tout fonctionne très bien, que ce soit un par un ou par sélection multiple.

Sauf le 1er de la liste ! j'ai beau le sélectionné, seul ou multiple il apparait pas :?
je pensais que c'était à cause de l'incrémentation mais vu les commentaires plus haut, je ne sais pas.

Dernier code:
Code:

1 2 3 4 5 6 7 8 9 contact = document.getElementById('contact'); resultat = ""; i = 0; while (contact.options[++i]) { if(contact.options[i].selected){ resultat += contact.options[i].value + " ";} }
Que faire ?

27/05/2010, 22h12
vermine

Citation:

Envoyé par SpaceFrog

Vermine,
J'affectionne la syntaxe while avec ++i pour sa simplicité.
à la difference de i++ l'effet de ++i est immediat l'indrement se fait d'es l'interprétaition et non après donc le premier indice testé est 0

Oui, je sais. C'est dit ici. ;)

Citation:

Envoyé par SpaceFrog

en revanche avec ++i l'increment étant immediat
on initialise i =1

i = -1 :P
27/05/2010, 22h17
noobyyy

Citation:

vermine dit:
i = -1

ah tu m'a sauvé lol
27/05/2010, 22h43
SpaceFrog
c'est ma journée :roll:
au dessus je donne le bon code
Code:

1 2 3 4 5 function bar(){ var resultat="" var contact = document.getElementById('contact'); var i = -1; while (contact.options[++i])
et en dessous je dis encore une c...

Citation:

en revanche avec ++i l'increment étant immediat
on initialise i =1

Bon je vais me coucher :calim2::aie: