Discussion :

[itokia]

Bonjour,

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

ex:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[Matthieu2000]

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

[J�r�mieL]

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 js :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[itokia]

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.

[J�r�mieL]

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.