récuperer les "value" d'un select multiple

Version imprimable

Bonjour, je n'arrive pas à récuperer les valeures des options de mon select multiple. j'ai essayé la methode Comment récupérer les valeurs d'un select multiple ? de denisC mais ça ne marche pas.

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
  <head>
        <meta http-equiv="content-type" content="text/html; utf-8" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
 
        <title>Gérer les jours ouvrés</title>
 
        <script type="text/javascript">
         function recupSelect()
        {
            var selectedList = new Array();
            var selectBox = document.forms[0].choixAnnee;
            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";
            }
            alert(alertTxt);
        }
 
        </script>
 
  </head>
 
  <body>
  <form>
  <select id="choixAnnee" multiple="true" onclick="javascript:recupSelect();">
             <option value="toutes"> Toutes </options>
            <option value="1999">1999</option>
            <option value="2000">2000</option>
            <option value="2001">2001</option>
  </select>
  </form>
 
 
  </body>
 
</html>

Le alert donne la valeure "undefined" pour opt.value. En revanche il donne le bon nombre d'options selectionnées.

Merci à vous

laisse lui de temps de se rendre compte qui'l a une modifiaction de selection :mouarf:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 
  <head>
        <meta http-equiv="content-type" content="text/html; utf-8" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
 
        <title>Gérer les jours ouvrés</title>
 
        <script type="text/javascript">
         function recupSelect()
        {
            var selectedList = new Array();
            var selectBox = document.forms[0].choixAnnee;
            for (var i=0; i<selectBox.options.length; i++) {
              if (selectBox.options[i].selected==true) {
                selectedList.push(selectBox.options[i]);
              }
            }
            var alertTxt = "";
            for (opt in selectedList) {
                alertTxt += "L'option "+selectedList[opt].value+" est selectionnée \n";
            }
            alert(alertTxt);
        }
 
        </script>
 
  </head>
 
  <body>
  <form>
  <select id="choixAnnee" multiple="true" onmouseup="javascript:setTimeout(function(){recupSelect()},100);">
             <option value="toutes"> Toutes </options>
            <option value="1999">1999</option>
            <option value="2000">2000</option>
            <option value="2001">2001</option>
  </select>
  </form>
 
 
  </body>
 
</html>

doubler l'instruction sur le onkeypup ... pour couvrir également la selection avec touches

18/12/2007, 14h09
matoon

C'était donc ça !! Je pouvais chercher encore longtemps, ça ne m'était pas venu du tout à l'idée. Merci pour tout

PS: le function(){..} sert à quoi ?
18/12/2007, 14h12
SpaceFrog

un setTimeout attend prioritairemetn une fonction, si tu lui passes un string il va parser le string = perte de temps et d'efficacité ...
18/12/2007, 14h13
matoon

ok compris. Encore merci