Discussion :

[paupiette]

Je rencontre un problème avec le tutorial de Siddh sur le listes déroulantes liées avec Ajax. Je suis arrivé à la fin de la première partie du tutorial, le problème est que innerHtml remplace/efface tout le contenu qui suit les champs select, donc le reste du formulaire et de la page. Je sais qu'il faut utiliser la méthode appendchild pour que ça marche mais mes recherches sur le web concernant ce point sont restées vaines, j'ai testé 3 ou 4 tutoriaux mais ca ne fonctionnait pas. Quelqu'un peut-t-il m'aider (je pesne que ça aidera beaucoup d'autres personnes qui cherchent à faire de l'ajax aussi), si possible en continuant le code de Siddh (ou en ayant un code complet qui fonctionne) ?

Merci d'avance pour toutes les réponses

[marcha]

Tu peux en effet recourir à appendChild, mais ça va complexifier les choses.

Le plus simple est de prévoir un conteneur pour placer ta liste.

<div id='truc'></div>

et quand tu reçoit le code html de la liste tu utilise innerHTML sur le
conteneur

document.getElementById('truc').innerHTML = code;

[danyboy85]

document.getElementById('truc').innerHTML = code;

--> efface/remplace

document.getElementById('truc').innerHTML += code;

--> ajoute

[marcha]

Ouaip, ben quand le div est vide ça fait pas de différence :-)