Javascript : Lier plusieurs listes déroulantes

[Bolbo]

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,

Modifié 24 Avril 2006 par Bolbo