[IE] Creation d'un select

Version imprimable

Bonjour,

Je crée un select en javascript dans lequel je specifie quel donnée doit etre sélectionnée. Sous IE cela ne marche pas :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var selectStatut = document.createElement('select'); selectStatut.setAttribute('style', 'width:auto;'); selectStatut.name ='actif[]'; var optionStatut = new Array( new Option("Desactivé", "0", true, false), new Option("Activé", "1", false, false) ); for (i=0;i<optionStatut.length;i++) { if(i == statut){ alert(i+"mode"); optionStatut[i].selected = true; } selectStatut.options.add(optionStatut[i]); }
Je n'arrive pas a trouver la source du probleme (j'ai exactement le meme code pour créer un autre select qui marche...:yaisse2:).

Merci pour vos conseils!

29/07/2008, 17h08
SpaceFrog

hihi c'était la suite logique de ton problème,
j'ai failli t'en parler tout là l'heure ...

Ie ne sait pas attribuer un name à un element de formulaire créé dynamiquement...

il faut faire:

Code:

document.createElement(('<select name="' +nomdynamique +'" >')

tout est expliqué par là http://www.developpez.net/forums/sho...d.php?t=535848
29/07/2008, 17h09
Katachana

Merci !

J'ai essayé ce que tu m'as conseillé mais sans réussite :
Code:

1 2 3 4 5 6 7 try{ var selectStatut = document.createElement("<select name=\"actif[]\">"); } catch(err) { var selectStatut = document.createElement('select'); selectStatut.setAttribute('style', 'width:auto;'); selectStatut.name ='actif[]'; }
J'ai mis un try/catch , parce que je n'ai pas réussi a trouver un cas qui fonctionné sous FF et IE en meme tps .....

De plus j'ai toujours le meme résultat sous IE => apres plusieurs test j'ai l'impression que l'info ne se transmet pas bien à ce niveau :

Code:

selectStatut.options.add(optionStatut[i]);

29/07/2008, 18h57
SpaceFrog

Code:

var selectStatut = document.createElement'<select name="actif[]">');

devrait suffire
regarde dans l'article dont je t'ai donné le lien
29/07/2008, 19h09
Katachana

ok , merci ;)

Bonjour,

En faisant ce que tu m'a conseillé , sous FireFox j'ai cette erreur :

Code:

String contains an invalid character" code: "5

As-tu une idée d'où ça peut provenir ?

Meme en mettant :

Code:

var selectStatut = document.createElement'<select name="actif[]">');

Pour créér l'élément, je n'ai pas le fonctionnement voulu sous I.E .
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var selectStatut = document.createElement('<select name="actif[]">'); var optionStatut = new Array( new Option("Desactivé", "0"), new Option("Activé", "1") ); for (i=0;i<optionStatut.length;i++) { if(i == statut){ optionStatut[i].selected = true; } selectStatut.options.add(optionStatut[i]); } newCell6.appendChild(selectStatut);
Merci d'avance!

il faut différencier IE et FFX

Code:

1
2
3
4
5
 
if (document.all){var selectStatut = document.createElement'<select name="actif[]">');}
else {var selectStatut = document.createElement('select');
         selectStatut.name="actif[]";
}

Ya-t-il encore une commande invalide pour I.E dans ce bout de code ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var selectStatut = document.createElement('<select name="actif[]">');
var optionStatut = new Array(
					new Option("Desactivé", "0"),
					new Option("Activé", "1")
					);
 
	for (i=0;i<optionStatut.length;i++)
	{
		if(i == statut){
		optionStatut[i].selected = true;
		}
		selectStatut.options.add(optionStatut[i]);
	}
	newCell6.appendChild(selectStatut);

Merci !

bonjour,

Internet Explorer : il faut insérer le select dans le document avant d'ajouter les options !!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var selectStatut = document.createElement('<select name="actif[]">');
var optionStatut = new Array(
					new Option("Desactivé", "0"),
					new Option("Activé", "1")
					);
 
newCell6.appendChild(selectStatut);
 
	for (i=0;i<optionStatut.length;i++)
	{
		if(i == statut)
                {
		optionStatut[i].selected = true;
		}
		selectStatut.options.add(optionStatut[i]);
	}

J'ai essayé d'ajouter le Select dans le document comme tu me l'a présenté mais sans plus de résultat.

La seule méthode qui marche actuellement , n'est pas propre (pour un select avec plus de deux options ça deviens vraiment brouillon...). Je ne sais d'ailleurs pas pourquoi elle fonctionne :yaisse2: :

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
26
27
28
29
30
31
32
33
34
//Creation de Select pour IE
	if(document.all){
	var selectStatut = document.createElement('<select name="actif[]">');
	//Creation de select sous FF
	} else{
	var selectStatut = document.createElement('select');
	selectStatut.setAttribute('style', 'width:auto;');
	selectStatut.name ='actif[]';
	}
       //IE
	if(document.all){
		if(statut == 1){
			selectStatut.options.add(Option("Activé",1));
			selectStatut.options.add(Option("Desactivé",0));
		} else {
			selectStatut.options.add(Option("Desactivé",0));
			selectStatut.options.add(Option("Activé",1));
		}
        //FF
	} else{
	var optionStatut = new Array(
					new Option("Desactivé", 0),
					new Option("Activé", 1)
					);
	for (i=0;i<optionStatut.length;i++)
	{
		if(i == statut){
		optionStatut[i].selected = true;
		}
		selectStatut.options.add(optionStatut[i]);
	}
	}
	newCell6.appendChild(selectStatut);
	newCell6.className="ListColCenter";

04/08/2008, 17h54
SpaceFrog

C'est un peu ballot de persister avec un code qui boite, alors que le code donné dans le lien plus haut fonctionne parfaitement sous IE et FFx ...
05/08/2008, 09h09
Katachana

Je vais me pencher dessus , je pensais à la base que j'allais perdre trop de temps à tous refaire en prenant ta méthode , mais maintenant je n'en suis plus si sur que ca :bug:

Merci pour vos conseils a tous!