Controler le nombre d'options choisies d'un select

**gofono_bass** · 22/03/2006, 07h24

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 :

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
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

**Auteur** · 22/03/2006, 10h32

bonjour,

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

essaye comme ceci :

Code :

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

<form name="MaForme">

Code :

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

<select name="id_menu"

et dans le script

Code :

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

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 :

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
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>

**Matthieu2000** · 22/03/2006, 10h44

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

:

**gofono_bass** · 22/03/2006, 10h58

[quote="Auteur"]bonjour,

Code :

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

<form name="MaForme">

Code :

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

<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.

**gofono_bass** · 22/03/2006, 12h32

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

Code :

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
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.

**Auteur** · 22/03/2006, 15h07

plutôt que :

Code :

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

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 :

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

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.

**dasdeb** · 22/03/2006, 22h02

Je dirais même mieux

Code :

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

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

**gofono_bass** · 23/03/2006, 06h28

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.

++

Controler le nombre d'options choisies d'un select

JavaScript

Discussions similaires

Partager

Partager