Créer une option à la volée ds un select avec IE

**katchi** · 24/01/2007, 09h43

Bonjour,

J'ai un souci avec IE, il refuse de créer une option dans un select. En gros je fais un select de catégories provenant d'une bd et l'utilisateur peut créer une catégorie. Donc lorsqu'il crée une catégorie le select doit contenir la valeur de la nouvelle catégorie.

Le code:

Code :

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

1
2
3
4
5
6
7
8
 
function addCat(id){//id de la nouvelle insertion 
	var champ=window.opener.document.getElementById('categorie');
	offset=champ.options.length;
	champ.options[offset] = new Option('<?=$nom;?>',id);
	champ.options[offset].selected=true;
	self.close();
}

Sur Firefox, ca passe nickel...j'ai découvert que lorsque j'incrémente la longueur du select, il crée bien une option mais elle est vide...

Merci pour toute aide

**SpaceFrog** · 24/01/2007, 11h09

Code :

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

1
2
3
4
5
6
7
8
var sel1=window.opener.document.getElementById('categorie');
 sel1.id='sel1'
  for (i=0;i<12;i++){
            var Option=document.createElement('option')
            Option.text='ici du texte' +i+1
            Option.value=i+1
            sel1.options[i]=Option
            }

**katchi** · 24/01/2007, 11h44

Merci de ta réponse, spacefrog mais la solution donné ne change rien

j'ai placé des alertes pour voir si le code était traité entiérement par IE

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
        var sel1=window.opener.document.getElementById('categorie'); 
	offset=sel1.options.length;
	sel1.id='sel1';
	var Option=document.createElement('option');
	Option.text='<?=$nom;?>';
	Option.value=id;
	alert('coucou1');
	sel1.options[offset]=Option ;
	alert('coucou');
	sel1.options[offset].selected=true;
	self.close();

et IE s'arrete avant

sel1.options[i]=Option

ou s'arrête en le traitant, en tout cas, il n'affiche pas mon alert placé juste après.

Errare IE est....

**Macintoc** · 24/01/2007, 12h37

Est-ce que ce script 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
<html><head><title>Test</title>
<script type="text/javascript">
function ajouter() {
 nouvel_element = new Option(document.formulaire_test.nouveau.value,document.formulaire_test.nouveau.value,false,true);
 document.formulaire_test.choix.options[document.formulaire_test.choix.length] = nouvel_element;
 document.formulaire_test.nouveau.value = "";
}
</script>
</head><body>
<form name="formulaire_test" action="">
<select name="choix" size="8">
<option>Un élément</option>
</select>
<br>
<input type="text" name="nouveau">
<input type="button" value="Ajouter" onClick="ajouter()">
</form>
</body></html>

**katchi** · 24/01/2007, 13h01

Yop mais il marche nickel mais pas lorsque le select est dans une page appellante, la c toujours la même chose, il s'arrête pendant l'exécution du script ( pas de self.close() )