Comment dupliquer deux select?

Bonjour,

J'essaye désespérément de copier un select dans un autre.

ex:

Code:

---

1 2 3 4 5 6 7 8

<select id="monSelectACopier"> <option value="option1">option1</option> <option value="option2">option2</option> </select>   <select id="monSelectReceveur">   </select>

---

J'ai bien essayé ce ci :

Code:

---

document.getElementById("monSelectReceveur").appendChild(document.getElementById("monSelectACopier").cloneNode(true));

---

Mais rien ne se passe, pas de message d'erreur.

Avez vous une idée svp?

Merci

http://javascript.developpez.com/faq...js#SelectListe

Bonjour. :)

Si tu avais utilisé l'inspecteur DOM de ton navigateur, tu aurais vu que ton code ajoute une copie du select monSelectACopier comme enfant du select monSelectReceveur. Forcément, un select dans un select, ce n'est pas bien compris par le navigateur et donc rien ne s'affiche à l'écran.

Le code suivant fait ce que tu veux :

Code:

---

document.getElementById("monSelectReceveur").innerHTML = document.getElementById("monSelectACopier").innerHTML;

---

EDIT : ça remplace tout le contenu du select receveur. Pour ajouter des options dans un select qui en contient déjà, il faut parcourir les options du select et en ajouter de nouvelles dans le receveur.

Merci a vous deux pour les réponses.

@JérémieL : Ca fonctionne très bien sous Chrome mais pas sous ce satané d'IE8

@Matthieu2000 : je regarde ton code.

J'ai trouvé plus simple, mais c'est grace à vos remarques.
Je copie entierement mon select dans ma cellule de mon tableau.

J'ai donc supprimer mon <select id="monSelectReceveur"></select>
Et j'ai rajouté un id à mon td.

En effet, IE est bogué, une fois de plus.
Tu as donc utilisé la bonne solution : encapsuler le select cible dans un div et copier le select source dedans. :ccool: