Discussion :

[beegees]

Bonjour à toutes et à tous,

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

Code :

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

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 :

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

choix4Option.text = "letexte";

par

Code :

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

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

?

Code :

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

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 :

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

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