Discussion :

[manu_71]

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 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="listeOptionsAjax">

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
3
 
$('#listOptionsAjax').append(retourAjax);
// retourAjax étant le code HTML du tableau dynamique construit par le PHP

Jusque là, pas de soucis, ça fonctionne très bien.

Dans ces champs de formulaire de ce tableau (dynamiques donc), j'ai (entre autre) un menu déroulant :

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>

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
 
$('#listOptionsAjax').on('change', '.optionGroupe1', function() {
  // mon AJAX
});

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...

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...

[SpaceFrog]

Quelle version de jquery ?
essaye live au lieu de on ...

[manu_71]

version 1.7.1

En fait mon soucis ne se situe pas au niveau du on(). Je récupère bien la valeur de mon <select> lors d'un changement grâce à $(this).val() derrière mon on().
Mais je n'arrive à récupérer que ça alors qu'il me faudrait aussi traiter le <table> parent du <select> afin d'y append() des <tr>.
J'ai essayé avec $(this).parent mais ça ne fonctionne pas... J'ai l'impression que comme mon <table> n'est pas dans le DOM de base, je n'y ai pas accès... non ?

EDIT : Bon il semble en fait que j'ai simplement fait une confusion entre parent() et parents()... Je vais vérifier...

[Bovino]

Mais je n'arrive à récupérer que ça alors qu'il me faudrait aussi traiter le <table> parent du <select> afin d'y append() des <tr>.

Ah d'accord !
Donc en fait, ton problème concerne un aspect de ta page dont tu ne nous avais jamais parlé !
Ca rend difficile de trouver la solution non ?

[manu_71]

Si dans mon premier message j'enlève tout ce qui situe le contexte (où je parle bien de l'aspect de ma page), il reste bien en plus :

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...
[...]
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...

non ?


EDIT : Je confirme que j'ai résolu mon problème que je pensais en fait plus complexe. Il venait bien en effet d'une erreur de parent() // parents().