Javascript : Lier plusieurs listes déroulantes

WRInaute discret
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
 
Discussions similaires
Haut