[javascript] Probleme liste deroulante

**samtheh** · 05/12/2005, 12h07

Bonjour a tous,

Voici mon probleme, j'ai plusieurs liste deroulantes contenant toutes les meme options. Je voudrais lorsque je click sur une option d'une des liste alors toutes les autres listes soient reformees avec toutes les options sauf celle qui vient d'etre clickée.

Voici ma fonction pour le moment :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function enleve(y, val){
 
  for(x=(parseInt(y)+1); x<20; x++)
  {
    alert(document.getElementById('article_'+x).options[val].value);
    if(document.getElementById('article_'+x).options[val].value == 0){
    }
    else{
        document.getElementById('article_'+x).options[val] = null;
    }
  }
}

le alert ne fonctionne pas.

Et voici l'appel :

Code :

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

1
2
 
<select name=\"article_".$y."\" onChange=\"javascript:enleve(".$y.", this.value)\" >

Toutes les listes deroulantes etant generee dans une boucle PHP.

**Séb.** · 05/12/2005, 15h34

Salut !
Tout d'abord c'est une mauvaise idée de donner des NAME/ID du style monElement_$x, mieux vaut passer par des tableaux : mesElements[], c'est bcp plus souple.
Pour ton problème, je ferais :

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
<html>
<head>
<script>
    function traiter(oSelect) {
        var i, j ;
        var label = oSelect.options[oSelect.selectedIndex].text ;
        for ( i = 0 ; i < oSelect.form.elements["fruits[]"].length ; i++ ) {
            if ( oSelect != oSelect.form.elements["fruits[]"][i] ) {
                for ( j = 0 ; j < oSelect.form.elements["fruits[]"][i].options.length ; j++ ) {
                    if ( oSelect.form.elements["fruits[]"][i].options[j].text == label ) {
                        oSelect.form.elements["fruits[]"][i].options[j] = null ;
                        // Attention, y'a peut-être un effet de bord par ici
                    }
                }
            }
        }
    }
</script>
</head>
<body>
<form>
    <select name="fruits[]" size="5" onclick="traiter(this)">
        <option>Pomme
        <option>Fraise
        <option>Banane
        <option>Mangue
    </select>
 
    <select name="fruits[]" size="5" onclick="traiter(this)">
        <option>Pomme
        <option>Fraise
        <option>Banane
        <option>Mangue
    </select>
 
    <select name="fruits[]" size="5" onclick="traiter(this)">
        <option>Pomme
        <option>Fraise
        <option>Banane
        <option>Mangue
    </select>
</form>
</body>
</html>

Je te laisse adapter le script à tes besoins.

**samtheh** · 06/12/2005, 11h32

Oui mais en utilisant cette methode comment fait tu pour reccuperer les valeurs de chaque liste deroulante ?

En tout cas merci pour la fonction, elle a l'air vraiment beaucoup plus avancee que ce que j'essayais d'utiliser. J'ai hate de la tester.

**Séb.** · 06/12/2005, 12h37

Envoyé par samtheh

Oui mais en utilisant cette methode comment fait tu pour reccuperer les valeurs de chaque liste deroulante ?

document.monForm.elements["fruits[]"] est un tableau de <select> ayant pour name "fruits[]".

document.monForm.elements["fruits[]"][0].options.length : nombre de <option> du premier <select>, etc.