difficultés avec clone JQuery()

Question

Vous pouvez voir ce que je suis essayer à faire dans cette jsFiddle: http://jsfiddle.net/pV6x5/16/

L'ensemble original de trois listes déroulantes utilisent javascript pour générer les options disponibles dans la deuxième et des troisièmes listes déroulantes basées sur la valeur sélectionnée de la première.

Lorsque cela est cloné et que vous sélectionnez une option dans le premier menu déroulant du clone, il est le 2ème et troisième dropdowns du changement d'origine et que je ne sais pas comment résoudre ce problème: S

Toute aide serait grandement appréciée.

Merci,

Martin

MISE À JOUR Après quelques lectures, j'ai changé les id juste utiliser des classes afin d'essayer d'éviter les affrontements: http://jsfiddle.net/QbfXq/1/

Malheureusement, il semble toujours se comporter exactement comme avant.

Answer 1

Salut, j'ai fait quelques modifications dans votre code Here. J'ai seulement modifié les 4 ou 5 premières options, vous devrez modifier le code restant vous-même.

Le problème majeur est que lorsque vous clonez, la classe et le nom restent les mêmes pour chaque élément. Ensuite, vous n'avez initialisé que les valeurs et l'objet opérande une fois dans ($(document).ready), c'est pourquoi vous avez continué à modifier le même élément. Dans mon code, j'ai cherché l'élément suivant de l'argument cliqué. Mais je pense que vous devriez organiser un peu plus votre code, en utilisant <div> pour des exemples vous permettrait d'être plus précis en utilisant la demande. Au lieu d'utiliser next vous pouvez utiliser une recherche dans div enfants par exemple.

Eh bien, j'espère que vous voyez la façon dont cela devrait fonctionner.