Les formulaires (partie 1) Comment récupérer les valeurs d'un select multiple ?

Comment récupérer les valeurs d'un select multiple ?
:arrow: http://javascript.developpez.com/faq...#valSelectMult

- regroupement des déclarations de variables
- remplacement de document.forms[0] par document.getElementById()- boucle for : le symbole < est mal retranscrit &lt;.
- suppression du "(comme pour des checkbox)", qui n'a que peut d'intérêt ici car on parle des listes
- aération du code
- suppression du alert() car pour le texte d'affichage on fait appel au for in et je trouve cette partie du code hors sujet.

Citation:

---

Comment récupérer les valeurs d'un select multiple ?

Pour récupérer les valeurs sélectionnées dans un select multiple, il faut parcourir l'ensemble des options de ce select.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var selectedList = new Array(); var selectBox = document.getElementById("liste"); var i;   for (i=0; i < selectBox.options.length; i++) { if (selectBox.options[i].selected) { selectedList.push(selectBox.options[i]); } }

---

Lien : Comment désélectionner tous les éléments d'un select multiple ?

---

J'ai été tenté d'utiliser une variable pour le contenu de selectBox.options.length.
Qu'en pensez-vous ?

Pas besoin de variable mais je me demande s'il n'y a pas une version plus courte : selectBox.length (et donc la même utilisation dans la suite du code).

Effectivement, même si je reste attaché à la syntaxe selectBox.options.. Je propose donc d'intégrer les deux syntaxes possibles dans cette Q/R.

Citation:

---

Comment récupérer les valeurs d'un select multiple ?

Pour récupérer les valeurs sélectionnées dans un select multiple, il faut parcourir l'ensemble des options de ce select .

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var selectedList = new Array(); var selectBox = document.getElementById("liste"); var i;   for (i=0; i < selectBox.options.length; i++) { if (selectBox.options[i].selected) { selectedList.push(selectBox.options[i]); } }

---

La collection des options est incluse dans l'objet liste retourné par getElementById(), on peut donc simplifier légèrement le code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var selectedList = new Array(); var selectBox = document.getElementById("liste"); var i;   for (i=0; i < selectBox.length; i++) { if (selectBox[i].selected) { selectedList.push(selectBox[i]); } }

---

Lien : Comment désélectionner tous les éléments d'un select multiple ?

---

Bonjour l'Ami

Hors sujet, j'ais suivi ton lien et trouvé comment récupérer la valeur sélectionnée dans un Select !

Je vais mettre en relecture ce soir (j'en avais déjà parlée ) mon mini tableur AJAX.

En réalisant cet article j'ais buté longtemps sur cette récupération, alors tu la réalise en utilisant

Code:

---

1 2	document.getElementById('liste').options[document.getElementById('liste').selectedIndex].text

---

Ce serait bien de préciset a cet endroit la différence avec

Code:

---

1 2	document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value

---

Par exemple quand tu a

Code:

---

1 2 3

<option value='toto' >tata</option> <!- value text ->

---

Il y a effectivement une différence entre les attributs text et value. J'ai indiqué ces différences dans ces deux discussions :
http://www.developpez.net/forums/d13...valeur-select/
http://www.developpez.net/forums/d13...-texte-select/

OK j'ais vu, mais la ou je te l'indique tu devrais enfoncer le clou ;)

je ferais juste un regroupement des variables et une déclaration littérale du tableau

Code:

---

1 2 3

var selectedList = [], selectBox = document.getElementById("liste"), i;

---

Ok, pour la déclaration du tableau cela permettra de voir une autre manière de les déclarer.

Citation:

---

Comment récupérer les valeurs d'un select multiple ?

Pour récupérer les valeurs sélectionnées dans un select multiple, il faut parcourir l'ensemble des options de ce select.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var selectedList = [], selectBox = document.getElementById("liste"), i;   for (i=0; i < selectBox.options.length; i++) { if (selectBox.options[i].selected) { selectedList.push(selectBox.options[i]); } }

---

La collection des options est incluse dans l'objet liste retourné par getElementById(), on peut donc simplifier légèrement le code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var selectedList = [], selectBox = document.getElementById("liste"), i;   for (i=0; i < selectBox.length; i++) { if (selectBox[i].selected) { selectedList.push(selectBox[i]); } }

---

Lien : Comment désélectionner tous les éléments d'un select multiple ?

---

Pour le regroupement des déclarations, j'ai été réticent au début car moi je préfère :
- soit grouper les déclarations et ensuite initialiser

Code:

---

1 2 3 4

var a, b, c; a = 1; b = 2; c = 3;

---

- soit séparer les déclarations si j'initialise au même moment :

Code:

---

1 2 3 4 5

var a, b; var c = 3;   a = 1; b = 2;

---

Mais comme tu as bien présenté (indentation du code) tes déclarations, j'ai changé d'avis. :) Mais il faut bien faire attention qu'à la fin de la ligne c'est une virgule et pas un point-virgule.

Cette déclaration des variables fait partie de bonnes pratiques mais n'est pas rédhibitoire quoiqu'il arrive.

Cela laissera apparaître une autre façon de déclarer les variables dans le code.

Ok. Ca sera donc la version définitive de la Q/R.
Merci pour ta relecture et tes avis :hola:

:resolu: