Discussion :

[leya_jarhan]

Bonjour,

Je bloque depuis quelques jours sur un problème de compatibilité avec IE7 / IE8. J'utilise le framework Symfony 2 ainsi que la librairie Jquery.

Je remplis, suite à une requête Ajax, un select avec des 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
17
18
19
20
21
22
 
$.ajax({
        type: 'POST',
        dataType: 'json',
        url:  path,
        data: $(form).serialize()+'&autre='+autre,
        success: function(response)
        {
                $.each(response['carrosserie'], function(index, item) {
 
	                    if(index==''){
	                        $(input_carrosserie).prepend(new Option(item, index, true, true));
	                        //$(input_carrosserie).append(new Option(item, index, true, true));  
	                    }else if(index=='null'){
	                        $(input_carrosserie).prepend(new Option(item, index));
	                        //$(input_carrosserie).append(new Option(item, index));
	                    }else if(index!='index'){
	                        $(input_carrosserie).prepend(new Option(item['carrosserie'], item['id']));
	                        //$(input_carrosserie).append(new Option(item['carrosserie'], item['id']));
	                    }
	            });
}

Et ce plusieurs fois... Cela marche très bien (j'obtient mon select avec mes option voulues) sauf sous IE7 et IE8 ou j'obtiens ceci :



Un select "blanc" ou j'ai mes options... Le code source de la page me montre bien qu'il y a tout ce qu'il faut.

Code :

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

1
2
3
4
5
6
7
8
<select id="vehicule_search_carrosserie" name="vehicule_search[carrosserie]">
<option value="">Carrosserie</option>
<option value="4">Berline</option>
<option value="2">Break</option>
<option value="5">Citadine</option>
<option value="9">Compacte</option>
<option value="1">Monospace</option>
<option value="3">Utilitaire</option></select>

Et j'ai vérifié au niveau CSS, il n'y a pas d'affichage en couleur blanche.

Je ne vois absolument pas où est le problème.

[SpaceFrog]

et tu tu essaye de faire un prepend de

Code :

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

$('<option/>').val('value').html('contenu')

[leya_jarhan]

Ca affiche bien, mais ma liste est à l'envers...

(je l'affiche normalement par ordre alphabétique, mais la c'est inversé)

Et comment donner la valeur "selected" à ceux que je souhaite mettre par défaut ?

[SpaceFrog]

alors fait append() au lieu de prepend ()

[leya_jarhan]

Tout marche nickel !

Merci beaucoup !

Sujet résolu.