Discussion :

[Katachana]

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 :

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 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...).

Merci pour vos conseils!

[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 :

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

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

tout est expliqué par là http://www.developpez.net/forums/sho...d.php?t=535848

[Katachana]

Merci !

[Katachana]

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

Code :

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

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 :

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

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

[SpaceFrog]

Code :

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

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

devrait suffire
regarde dans l'article dont je t'ai donné le lien

[Katachana]

ok , merci

[Katachana]

Bonjour,

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

Code :

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

String contains an invalid character" code: "5

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


Meme en mettant :

Code :

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

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

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

Code :

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

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!

[SpaceFrog]

il faut différencier IE et FFX

Code :

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

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

[Katachana]

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

Code :

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

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 !

[Auteur]

bonjour,

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

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
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]);
	}

[Katachana]

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 :

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
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";

[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 ...

[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


Merci pour vos conseils a tous!