Controler le nombre d'options choisies d'un select

Bonjour,
Le javascript, c'est pas vraiment mon fort, alors je viens vous demander de l'aide pour cette petite chose.
Je dois mettre un controle sur un select afin de s'assurer qu'un utilisateur a choisi au moins 3 options. Voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function verif_menu() { var nb = 0; for(i=0;i<36;i++) { if(document.form.id_menu.options[i].selected) { nb ++; } } if(nb < 3) { alert('Vous avez sélectionné ' + nb + ' menu(s). Selectionnez au moins 3 menus'); return (false); } }
.. mais ça ne marche pas, du moins sur une des pages ou je l'ai mise parcque j'ai mis exactement le meme code sur une autre page et elle marche parfaitement. Mais là non, le test n'est pas effectué et IE me donne cette erreur :
'document.form.id_menu.options' a la valeur NULL ou n'est pas un objet.

le <form> a l'attribut name="form" , et le select name="id_menu[]".

Merci d'avance pour votre aide

bonjour,

Citation:

le <form> a l'attribut name="form" , et le select name="id_menu[]".

:?
essaye comme ceci :

Code:

<form name="MaForme">

Code:

<select name="id_menu"

et dans le script

Code:

document.MaForme.id_menu.

voici un exemple de ce que tu peux faire : ce script récupère, lors du clic sur le bouton, les options cochées.

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
48
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function MaListe()
{
 var liste = document.getElementById("combo");
 var i, texte, n;
 
 texte = "";
 n=0;
 for (i=0; i<liste.options.length; i++)
 {
     if (liste.options[i].selected)
     {
        texte = texte + "n°" + i + " : " + liste.options[i].value + "\n";
      }
 }
 
 alert(n+"\n"+texte);
}
 
//-->
</script>
 
</head>
 
<body>
<select multiple="multiple" size="6" id="combo">
    <option value="valeur 0">-- Option 0 --</option>
    <option value="valeur 1">-- Option 1 --</option>
    <option value="valeur 2">-- Option 2 --</option>
    <option value="valeur 3">-- Option 3 --</option>
    <option value="valeur 4">-- Option 4 --</option>
    <option value="valeur 5">-- Option 5 --</option>
    <option value="valeur 6">-- Option 6 --</option>
    <option value="valeur 7">-- Option 7 --</option>
</select>
<input type="button" value="Bouton" name="BNom" onclick="MaListe()">
 
<br><br>
 
 
</body>
 
</html>

Citation:

document.forms[0].elements["id_menu[]"].options

:?: :!: :idea:

[quote="Auteur"]bonjour,

Citation:

Code:

<form name="MaForme">

Code:

<select name="id_menu"

pour le select, je suis obligé de lui mettre comme nom id_menu[] , avec les crochets parce que c'est un select multiple, et pour pouvoir traiter les sélection en php derrière, il me faut les crochets.

merci particulièrement à Auteur parce que la fonction qu'il m'a donnée m'a aidé...
Pour ceux que ça intéresse:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function verif_menu() { var nb = 0; for(i=0;i<36;i++) { if(document.getElementById("id_menu").options[i].selected) { nb ++; } } if(nb < 3) { alert('Vous avez sélectionné ' + nb + ' menu(s). Selectionnez au moins 3 menus'); return (false); } }
cCela dit, ça ne m'explique toujours pas comment ça se fait que ça marche sur une page et pas l'autre (memes éléments HTML traités, mêmes noms), mais ça fonctionne c'est dejà ça.

Merci. :wink:

plutôt que :

Code:

1
2
3
4
5
6
7
for(i=0;i<36;i++)
    {
        if(document.getElementById("id_menu").options[i].selected)
        {
            nb ++;
        }
    }

je préfère ceci :

Code:

1
2
3
4
5
6
7
8
9
10
 
var element= document.getElementById("id_menu");
 
for(i=0;i<element.options.length;i++)
    {
        if(element.options[i].selected)
        {
            nb ++;
        }
    }

comme ça si le nombre d'options de la liste change, tu n'as pas à modifier la valeur max de i (fixée à 36 dans ton code) et tu allèges la condition if.

Je dirais même mieux :lol:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
var element= document.getElementById("id_menu");
var nel = element.options.length;
 
for(i=0;i<nel;i++)
    {
        if(element.options[i].selected)
        {
            nb ++;
        }
    }

Ca évite d'avoir à calculer le nombre d'éléments à chaque itération :wink:

ok, effectivement c'etait un peu bete, enfin pas tres intellgient en tout cas :) de fixer cette valeur...

Ce que vous me proposez marche nickel, merci.

++