Javascript : Lier plusieurs listes déroulantes

Question

Bonjour,

J'ai une question en javascript, concernant l'utilisation des listes déroulantes.
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

danvy · Answer

jette un coup d'oeil sur :
http://www.thelin.net/laurent/labo/js/listesderoulantes.html

Javascript : Lier plusieurs listes déroulantes

1 réponse

Votre réponse

Discussions similaires