Discussion :

[MANU_2]

Bonjour,

Dans un formulaire, j'ai un select mutilple.
Pour récupérer sa valeur en php (ss forme d'un tableau), il faut mettre les " [] " au nom.
Le problème est si je met les crochets, je n'arrive plus à recupérer les valeurs en JS.

Code :

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

1
2
<form method="post" action="..." enctype="multipart/form-data" name="formulaire">
<select multiple name="name_select[]" size="3">

cf : http://javascript.developpez.com/faq...#valSelectMult

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var selectedList = new Array();
var selectBox = document.forms[0].name_select;
for (var i=0; i<selectBox.options.length; i++) {
  if (selectBox.options[i].selected) {
    selectedList.push(selectBox.options[i]);
  }
}
var alertTxt = "";
for (opt in selectedList) {
	alertTxt += "L'option "+opt.value+" est selectionnée \n";
}
 
FenetreAffichage.document.write(alertTxt );

Pour "var selectBox = document.forms[0].name_select;", j'ai essayé plein de solution différente d'écriture mais tjs le même résultat, ça marche pas.

Avez-vous une solution ?

Merci

[Auteur]

bonjour,

et en utilisant l'attribut id au lieu de name dans ton select ?

Code javascript :

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
 
    var i, j;
    var selectedList = new Array();
 
    var selectBox = document.getElementById("combo"); // on cible le select
 
    for (i=0, j=0; i<selectBox.options.length; i++)
    {
        if (selectBox.options[i].selected)
        {
            selectedList[j] = selectBox.options[i];   // on ajoute l'option i à la case j du tableau selectedList
            j++; // increment de l'indice du tableau
        }
    }
 
    // on recupere les valeurs des options cochees
    var alertTxt = "";
    for (i=0; i<selectedList.length; i++)
    {
	   alertTxt += "L'option "+selectedList[i].value+" est selectionnée \n";
    }
 
    alert(alertTxt);

puis dans le code HTML :

Code html :

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

1
2
3
4
5
6
7
8
9
<select size="5" id="combo" name="name_select[]" multiple="multiple">
    <option selected="selected" value="Option_1">Option 1</option>
    <option value="Option_2">Option 2</option>
    <option value="Option_3">Option 3</option>
    <option value="Option_4">Option 4</option>
    <option value="Option_5">Option 5</option>
    <option value="Option_6">Option 6</option>
</select>

[MANU_2]

Meric j'y avais penser mais oublier de tester.