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

**noobyyy** · 27/05/2010, 18h43

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 :

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

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 :

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

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.

**vermine** · 27/05/2010, 18h54

Ho oui par exemple un while sur le tableau "select" et puis:

Code :

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

1
2
 
resultat += th_nom + " ";

**noobyyy** · 27/05/2010, 19h06

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

Code :

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

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

**SpaceFrog** · 27/05/2010, 19h25

non boucle avec for sur

Code :

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

contact.options.length

ou

Code :

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

while (contact.options[++i])

**noobyyy** · 27/05/2010, 19h45

Code :

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

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 ?

**SpaceFrog** · 27/05/2010, 19h49

teste le checked dans la boucle

Code :

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

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 :

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

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);

**vermine** · 27/05/2010, 19h54

Quand est-ce que th_nom est mis à jour ?

Je m'y perds, surtout que je ne savais pas que la syntaxe && existait..

**noobyyy** · 27/05/2010, 20h03

le resultat donne vide. l'alert

**vermine** · 27/05/2010, 20h07

SpaceFrog, ne faudrait-il pas mieux incrémenter après ? Là j'ai peur qu'on ne saute deux valeurs d'un coup.

Code :

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

1
2
3
4
5
6
 
while (contact.options[i])
{
    if(contact.options[i]...
    i++;
}

**noobyyy** · 27/05/2010, 20h13

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

**Bovino** · 27/05/2010, 20h25

Code :

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

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

**noobyyy** · 27/05/2010, 20h39

fonctionne toujours pas

merci de m'aider c'est sympa lol jvais chercher toute la soirée je pense ^^

**SpaceFrog** · 27/05/2010, 21h03

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

depuis quand on check les options de select

selected est nettement mieux

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

**noobyyy** · 27/05/2010, 21h08

pff

tu as raison lol

Merci d'avoir vu le soucis !

tout est nikel !

**SpaceFrog** · 27/05/2010, 21h36

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 :

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

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 :

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

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

**noobyyy** · 27/05/2010, 22h07

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 :

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

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 ?

**vermine** · 27/05/2010, 22h12

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.

Envoyé par SpaceFrog

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

i = -1

**noobyyy** · 27/05/2010, 22h17

vermine dit:
i = -1

ah tu m'a sauvé lol

**SpaceFrog** · 27/05/2010, 22h43

c'est ma journée

au dessus je donne le bon code

Code :

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

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

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

Bon je vais me coucher

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

JavaScript

Discussions similaires

Partager

Partager