Discussion :

[ShadowSama]

Salut tout le monde,

IE6 me cause des problème :

J'ai deux champs de type select dans ma page. Le premier sert a choisir une région et la deuxième a choisir une ville.

Lorsqu'une personne choisit une région, je remplis le select des villes avec les villes de la régions. Les données sont contenu dans deux tableau a 2 dimensions tabIdVille qui contient les identifiant unique de notre base de donné et tabNomVille qui contient les nom à afficher.

Tout fonctionne correctement le problème est lorsque je rentre en mode d'édition et que je raffiche les villes en sélectionnant la ville que la personne a sauvegardé. (le numéro de la ville pour la condition est donné en php)

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
35
 
function chargerVille(region){
 
var elSel = document.getElementById('Ville');
 
    //Vider le select de ville
    while(elSel.length > 0){
	elSel.remove(elSel.length - 1);
    }
 
    //si une region est selectionné
    if(region != 0){
	for(i=0;i<tabIdVille[region].length;i++){
	    var elOptNew = document.createElement('option');
	    elOptNew.text = tabNomVille[region][i];
	    elOptNew.value = tabIdVille[region][i];
 
            //Demande de selectionner la ville 219133
            if(tabIdVille[region][i] == 219133){
               elOptNew.selected = "selected";
 
               //Pour testé la selection :
               alert(i+" : "+elOptNew.value+" : "+elOptNew.text);
            }
 
            try {
               elSel.add(elOptNew, null);
                // standards compliant; doesn't work in IE
	    }
	    catch(ex) {
		elSel.add(elOptNew); // IE only
            }
	}
    }
}

Le code fonctionne parfaitement pour tout les fureteur sauf IE6.

IE6 me donne les bonnes donnée dans le alert (la ville que je veut sélectionner et sont id) mais à l'affichage de la page, c'est toujours l'option précédente qui est affiché comme sélection. Donc si un client utilisant ie6 veut regarder sont profil, c'est toujours la mauvaise ville qui est selectionné, s'il ne porte pas attention, sa ville change à chaque fois qu'il sauvegarde sont profil.

Est-ce que quelqu'un aurait une idée comment corriger ce problème ?

Merci d'avance pour votre aide

[SpaceFrog]

de mémoire faut pas incrementer le options.length avant d'appender sous IE 6 ?

[m.klaury]

Sauf erreur de ma part, c'est normal que ton scipt ne marche pas sous IE.
La raison, est que les méthodes ou fonctions add et remove sont des méthodes de la spécification DOM Level 2 que IE ne gère pas. Il faut utiliser la méthode qui t'a été proposée plus haut.
Petite remarque, pour vider un

Code :

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

<select>...</select>

, ça va plus vite de faire :

Code :

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

monSelect.options.length = 0;

[ShadowSama]

Désolé pour le délai de ma réponse, j'avais des projets plus urgent a finir avant de pouvoir continuer sur celui-ci.

J'ai essayer d'ajouter l'incrémentation de mon options.length sur le code, mais ça n'a pas réglé mon problème.

Cependant, j'ai remarqué que mon code se comporte correctement lorsqu'il est appeler par le "OnChange" de mon select des régions
( OnChange="chargerVille(this.value);" )

Ce n'est donc que lorsque j'appelle la fonction au chargement de la page qu'elle ne s'exécute pas correctement. Pourtant je lance l'exécution après avoir créé les champs et le numéro de région est correcte sinon il ne m'afficherais pas la bonne liste de ville.

J'ai donc essayer de lancer le chargement plusieurs fois avec des régions différentes en me disant que le problème se réglerais, mais ça donne toujours le même résultat (affiche la mauvaise sélection).

Si quelqu'un aurait d'autre idée sur comment régler ce problème, ne vous géné pas

P.S. Merci pour le lenght=0, ça accéléré un peu le temps de processus

[Auteur]

et en utilisant l'objet Option ?

Code :

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

1
2
3
4
5
6
7
 
var taListe = document.getElementById("idListe");
var op;
 
op = new Option("Texte", "Valeur", true, true);
 
taListe.options.add(op);

[SpaceFrog]

Code :

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

1
2
3
4
5
<script type="text/javascript">
var myselect= document.getElementById('test')
myselect.options.length=2;
myselect.options[1].innerHTML="coucou"
</script>

[javascriptguy]

Salut, on settant la valeur appropriée via la propriété option.selectedIndex ton problème devrait être réglé.