[Résolu] AJAX et DOM

Bonjour à tous,

Il y a quelque que je ne comprends pas.

Dans mon code, je fais une requête AJAX qui ouvre un fichier php dans lequel il y un formulaire de type "select" en HTML . La requête fonctionne, car côté client, le formulaire est bien créé et il s'affiche correctement. Seulement, quand je veux écouter l'événement "change", je vais d'abord chercher l'élément "select" en utilisant son id. Et la, la référence var element=document.getElementById('list') ; est toujours non défini, comme si le "select" n'existait pas dans le DOM. Avez-vous déjà connu ce type de difficultés ?

Merci

Oui le problème est connu, le JS n'est pas chargé.
Je dirais même plus que onchange fonctionne pour les éléments deja chargé sur la page.

Du coup il est possible de gérer cela en jquery, et d'utiliser l'api .on() pour écouter l'event.

par exemple :

$("#ton_id").on( "click", function() {
  alert("success");
}); 

exemple ici avec un .append, sur le principe c'est pareil.
Si dans la partie JS tu supprime la partie .on(), la première partie .click() tout seul n'est plus possible sur les liens qui se dupliques.
Modifié par JENCAL (25 Nov 2015 - 13:43)

Merci Jencal. Cela conforte bien mon idée.

Est-ce qu'il existe une astuce en JS ?

Salut,

En fait ce principe s'appel la délégation d'évènement. Si tu fais quelques recherches sur ce mot clé tu trouveras des solutions en full JS.

https://davidwalsh.name/event-delegate
Modifié par Gili (25 Nov 2015 - 15:20)

Merci je trouver pas de "mot"

délégation d’événement..

Merci beaucoup. Mon code fonctionne. C'était la délégation des événements.