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.