[DOM] liste déroulante avec items transparents [Résolu]

[beegees]

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

[Eric2a]

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

[beegees]

Salut,

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

Très bonne fêtes à toi.

beegees

[NoSmoking]

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!

[beegees]

Bonjour,

Merci pour ce complément d’informations.

Passe de très bonnes fêtes.

beegees