[DOM] liste déroulante avec items transparents

Bonjour à toutes et à tous,

J'ai ce code qui me permet de créer une liste déroulante avec le DOM :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

//ajout de la liste de selection "Evolution" var ld_choix4 = document.createElement('select'); ld_choix4.id = "evolution_"+i; ld_choix4.onchange=function() {enregistrer_irm_image_info('aucune');}   //ajout des options dans la ld "Evolution" var choix4Option = document.createElement('option'); choix4Option.text = "-----"; choix4Option.value = ""; ld_choix4.appendChild(choix4Option);   choix4Option = document.createElement('option'); choix4Option.text = "Stable"; choix4Option.value = "stable"; ld_choix4.appendChild(choix4Option);   choix4Option = document.createElement('option'); choix4Option.text = "Progression"; choix4Option.value = "progression"; ld_choix4.appendChild(choix4Option);   div.appendChild(ld_choix4);   div.insertBefore(span4,ld_choix4);

---

Cela fonctionne avec tous les navigateurs excepté avec IE8 et inférieur.

J'obtiens une liste déroulante qui contient des items, mais les items sont blancs.

Je peux les choisir, mais on ne voit pas les valeur (comme si elle serait vide).

Auriez-vous une idée s.v.p. ?

Merci d'avance et bonnes fêtes.

beegees

Salut,

En remplacant

Code:

---

choix4Option.text = "letexte";

---

par

Code:

---

choix4Option.appendChild(document.createTextNode('letexte'));

---

?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

//ajout des options dans la ld "Evolution" var choix4Option = document.createElement('option'); choix4Option.appendChild(document.createTextNode('-----')); choix4Option.value = ''; ld_choix4.appendChild(choix4Option);   choix4Option = document.createElement('option'); choix4Option.appendChild(document.createTextNode('Stable')); choix4Option.value = 'stable'; ld_choix4.appendChild(choix4Option);   choix4Option = document.createElement('option'); choix4Option.appendChild(document.createTextNode('Progression')); choix4Option.value = 'progression'; ld_choix4.appendChild(choix4Option);

---

Bonnes fêtes

Salut,

Un tout grand :merci: pour ta réponse qui a parfaitement résolu mon problème.

Très bonne fêtes à toi.

beegees

Bonjour,
nota: si tu veux utiliser text, ilte faut ajouter l'OPTION au SELECT et ensuite affecter le text.

exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

var txtOption = ['premier', 'deuxième', 'troisième']; var oOption, oSelect = document.createElement('SELECT'); var i, nb = txtOption.length; // création des OPTIONS for( i=0; i <nb; i++){ oOption = document.createElement('OPTION'); // ajout de l'OPTION oSelect.appendChild( oOption); // affectation du texte oOption.text = txtOption[i]; } // ajout du SELECT document.body.appendChild( oSelect);

---

les mystères de IE!

Bonjour,

Merci pour ce complément d’informations.

Passe de très bonnes fêtes.

beegees