Discussion :

[achos]

Bonjour tout le monde,
j'ai 2 pages HTML suivante :

index.html :

Code :

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

1
2
3
4
5
6
7
8
9
 
<form name="monform">
<select name="choix" id="choix">
<option value="rabat">rabat</option>
<option value="paris">paris</option>
<option value="berlin">berlin</option>
</select>
<input type="button" value="new" onClick="window.open('ajout.html','ajouter_ville','width=200,height=200')">
</form>

ajout.html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script language="javascript">
function refreshPage(newValue){
  var w = window.opener.document.getElementById('choix');
  var content = w.innerHTML;
   content += '<option value="' + newValue + '">' + newValue + '</option>';
   w.innerHTML = content;
}
</script>
<form name="form">
ville <input type="text" name="ville" onBlur="refreshPage(this.value)">
<input type="button" value="ok" onClick="self.close();">
</form>

mon problème est que sous internet explorer la liste n'est pas affichée, elle est toute vide.
j'ai tester le même script sous Mozilla Firefox et Opera et il fonctionne bien.
pourquoi ça ne marche pas avec IE ? est ce qu'il y'a un autre moyen pour le faire fonctionner correctemet avec IE.

Merci d'avance

[heyax]

Je viens de tester ton code sous IE et ça marche !!!
Le probleme est au niveau de q page ? index/ajout ?

[achos]

Lorsque tu ajoute une nouvelle ville dans la page "ajout", elle apparait dans la liste des ville de la page "index" .
Car c'est ca mon problème avec IE. la liste apparait vide même les villes déjà existantes dans la liste ont disparu.

[Matthieu2000]

http://www.developpez.net/forums/sho...=option+m%E8re

[achos]

http://www.developpez.net/forums/sho...=option+m%E8re

Merci bien pour ce lien, j'ai trouvé la solution a mon problème.
mais j'arrive pas à savoir pourquoi mon script n'a pas fonctionné avec IE tandis qu'il fonctionne bien avec FF te Opera.

Merci une deuxième fois pour vous tous.

[Auteur]

Euh Achos, si tu pouvais éviter le mulitpost


http://www.developpez.net/forums/sho...d.php?t=285048
Je t'y donne une réponse qui fonctionne sous IE et firefox

[ryan]

Yop!

Manipuler l'innerHTML n'est pas la seule solution possible, il existe des alternatives pour ajouter des options dans un SELECT.

Soit créer une instance avec new option(texte,valeur), soit ajouter un noeud.

Peut-être auras-tu moins de pb avec l'une ou l'autre de ces façons.

[SpaceFrog]

Curieusement on peut aussi se passer de la creation de Noeud ou de l'ajout d'une option, il suffit de modifier la longueur de la collection d'options de la liste:

Code :

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

1
2
3
4
5
6
7
8
9
<select id='test'>
</select>
<script type='text/javascript'>
var myselect = document.getElementById('test')
myselect.options.length=10
for(i=0;i<myselect.length;i++){
myselect.options[i].innerHTML="option " +i
}
</script>

Fonctionne sous IE et FFX ...