Discussion :

[yjuliet]

Bonjour à tous.

J'aurais juste voulu une confirmation d'un constat que je viens de faire :

Je souhaite ajouter un élément <option/> simultanément à deux <select/>.

Pour celà j'utilise le code suivant :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
var newNode = document.createElement("option");
// ... définition des attributs de newNode
document.getElementById('select1').appendChild( newNode );
document.getElementById('select2').appendChild( newNode );

j'obtiens alors un comportement étrange : le <option/> n'est ajouté que dans le second des deux <select/>. (test effectué en inversant les 2 appels à appendChild).

Suis-je obligé de ré-initialiser mon noeud <option> entre les 2 ajouts ?

Merci d'avance de vos contributions.

[SpaceFrog]

je sais pas si il ne faut pas faire un truc curieux du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

myselect.options.length++

avant d'appender ...

il y a un truc dans les contributions ..

[yjuliet]

en fait, j'ai pas de problème de fonctionnement, j'ai bien des éléments ajoutés, mais uniquement sur une des deux listes si je ne crée pas un nouvel élément DOM entre les deux ajouts. je me demandais donc si ça ne venait pas du fait que j'utilisais le même élément qui qui lorsque je fais un appel à X.appendChild() lui modifierait le parendNode() et m'empêcherait d'ajouter le même élément à 2 nodes différents.

Le code qui marche pas : seul select2 contiendra ici le option.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var newNode = document.createElement("option");
// ... définition des attributs de newNode
document.getElementById('select1').appendChild( newNode );
document.getElementById('select2').appendChild( newNode );

Le code qui marche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var newNode = document.createElement("option");
// ... définition des attributs de newNode
document.getElementById('select1').appendChild( newNode );
newNode = document.createElement("option");
// ... définition des attributs de newNode
document.getElementById('select2').appendChild( newNode );

[SpaceFrog]

arf j'avais pas vu ... tu ne crées qu'un seul node ... normal ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var newNode1 = document.createElement("option");
// ... définition des attributs de newNode
 
var newNode2=newNode1.cloneNode(true)
document.getElementById('select1').appendChild( newNode1 );
document.getElementById('select2').appendChild( newNode2 );

En fait il n'y avait qu'une seul nouveau node ...
et le fait de l'appender Ailleurs ben ça le déplace ...

tu peux faire le test avec un node existant de la page ... tu l'appendes à un autre endroit, ça le déplacera

[yjuliet]

Merci, c'était juste pour une confirmation du comportement, histoire de ne pas tomber à nouveau sur ce genre de problème.