Recupérer les valeurs d'un select multiple

Version imprimable

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:

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:

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

bonjour,

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

Code:

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:

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>

07/02/2008, 11h49
MANU_2

Meric j'y avais penser mais oublier de tester.