Aller au contenu

Javascript : Lier plusieurs listes déroulantes


Bolbo

Sujets conseillés

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é par Bolbo
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...