[javascript] Probleme liste deroulante

Version imprimable

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:

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:

1 2 <select name=\"article_".$y."\" onChange=\"javascript:enleve(".$y.", this.value)\" >
Toutes les listes deroulantes etant generee dans une boucle PHP.

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:

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.

06/12/2005, 11h32
samtheh

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.
06/12/2005, 12h37
Séb.

Citation:

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.
06/12/2005, 14h13
samtheh
Apres validation du formulaire je voulais dire.

En PHP j'utilise :
Code:

1 2 $_POST[articles][$y]
Avec dans mon formulaire :
Code:

1 2 <select name="articles[]">
Sinon la fonction marche parfaitement merci bien.