Discussion :

[Laurent91300]

Bonjour,

J'ai une question en javascript, concernant l'utilisation des listes déroulantes.

J'ai lu le Post It concernant les listes (http://www.developpez.net/forums/showthread.php?t=598), mais les exemplees ne correspondent pas vraiment à mon probleme.

J'ai un ensemble de champs dans ma base de données, et je voudrais associer à chaque champ une valeur, unique, sélectionnée dans une liste.

Exemple :
Liste des champs :
* champ 1
* champ 2
* champ 3
* champ 4

Je veux que ces champs prennent une valeur parmi {1, 2, 3, 4, 5}, avec aucune répétition possible.

Etat d'origine :
Champ 1 ==> choix parmi {1, 2, 3, 4, 5} , le choix 1 est "selected"
Champ 2 ==> choix parmi {1, 2, 3, 4, 5} , le choix 1 est "selected"
Champ 3 ==> choix parmi {1, 2, 3, 4, 5} , le choix 1 est "selected"

Je choisis dans ma liste que champ 1 correspond à 3
Champ 1 ==> La liste contient {1, 2, 3, 4, 5}, c'est le 3 qui est "selected"
Champ 2 ==> choix parmi {1, 2, 4, 5} , le choix 1 est "selected", 3 a disparu
Champ 3 ==> choix parmi {1, 2, 4, 5} , le choix 1 est "selected", 3 a disparu


Je choisis dans ma liste que champ 3 correspond à 5
Champ 1 ==> La liste contient {1, 2, 3, 4}, c'est le 3 qui est "selected", 5 a disparu
Champ 2 ==> choix parmi {1, 2, 4} , le choix 1 est "selected", 3 et 5 ont disparu
Champ 3 ==> La liste contient {1, 2, 4, 5} , le choix 5 est "selected", 3 est toujours non affiché

Pour résumer, si je sélectionne un champ toutes les listes sont mises à jour.

J'avais fait l'équivalent en PHP, avec onChange="this.form.submit", ca marchait mais il fallait recharger à chaque fois la page, ca allait pour une ou deux listes mais ca devenait vite fastidieux s'il y avait un nombre important de listes.

Merci d'avance,

Bolbo

[denisC]

J'avais fait l'équivalent en PHP, avec onChange="this.form.submit", ca marchait mais il fallait recharger à chaque fois la page, ca allait pour une ou deux listes mais ca devenait vite fastidieux s'il y avait un nombre important de listes.

Sur le onchange, il suffit de vérifier que l'état de tes trois listes est cohérents.

Mais tu devras changer l'état initial, qui ne réponds pas à tes propres contraintes...

Pour la manipulation des listes, voir DOM dans la
http://javascript.developpez.com/faq/?page=DOM

[Laurent91300]

Ok ca marche, je vais regarder ça, merci!