Bonjour et merci de me lire. J'espère que mon sujet est assez parlant...
Je m'explique :
dans mon code HTML, j'ai le div suivant :
dans ce div, j'ai un lien texte tout bête "Ajouter un nouveau groupe d'options". Un clic sur ce lien déclenche un appel AJAX d'un fichier PHP qui va construire un tableau dynamique comportant quelques champs de formulaire et finir par l'afficher dans le div précédent :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2<div id="listeOptionsAjax">
Jusque là, pas de soucis, ça fonctionne très bien.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 $('#listOptionsAjax').append(retourAjax); // retourAjax étant le code HTML du tableau dynamique construit par le PHP
Dans ces champs de formulaire de ce tableau (dynamiques donc), j'ai (entre autre) un menu déroulant :
Je souhaite maintenant ajouter des lignes à mon tableau (qui est arrivé dynamiquement) lors d'une sélection d'une option dans le menu déroulant. Mais impossible... Je n'ai pas de soucis pour déclencher l'action sur mon select :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <select class="optionGroupe1" name="optionGroupe1"> <option selected="selected" value="0">Choisissez :</option> <option value="54">Tailles mini</option> <option value="77">Tailles moyennes</option> <option value="147">Tailles maxis</option> </select>
Mon code PHP tourne bien... Mais je n'arrive rien à ajouter à mon tableau. J'ai tenté des tas d'alert(); pour m'aider à voir d'où venait le problème et j'ai l'impression que mon HTML qui est arrivé dynamiquement n'est simplement pas accessible... Ou alors je ne sais pas comment y accéder...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 $('#listOptionsAjax').on('change', '.optionGroupe1', function() { // mon AJAX });
Ca m'embête d'autant plus que dans ces lignes de tableau supplémentaire, je vais avoir une troisième action à gérer pour un 3ème ajax qui va apporter de nouveaux éléments dans mon tableau...![]()
Partager