[Løst] jquery.getJSON, teksten er usynlig i dropdown lister i IE8

[Yawa]

Jeg henter ut diverse data fra MySQL DB med .getJSON for å mate neste liste i en chained-select modul.

 

Her er deler av .js-skriptet som håndterer dette:

var json_respond_file = 'path/to/query-db-return-json.php';
var sel1st = 'select#make';
var sel2nd = 'select#model';

$(sel1st).change(function(){
$(sel2nd).empty();  //  tøm neste liste før ny data legges til.
$.getJSON(json_respond_file,{ sel1st_id: $(this).val() }, function(data) {  //  hent ny data
	$.each(data, function(i, array){  //  for hvert resultat ...
		$(sel2nd).append( new Option(array['name'],array['id']));  //  ... sett data i en ny option.
	});
});
});

 

Dette fungerer utmerket i samtlige nettlesere, men i IE8 oppstår det problemer.

Opplegget funker, JSON resultatet blir hentet inn i neste liste, men det er ikke noe synlig tekst i menyene.

De er helt hvite. Jeg vet at verdiene blir hentet inn fordi når jeg klikker på submit får jeg forventet resultat. (tatt flere stikkprøver ved å sammenligne valgene mine med annen nettleser (IE9, Firefox, Chrome, Safari og Opera)).

 

Noen som vet hva dette kan komme av og hvordan jeg får frem teksten?

Endret 8. juni 2012 av Yawa

[Yawa]

Fant feilen:

//  jQuery
new Option(array['name'],array['id'])

 

IE8 skjønner ikke dette helt, så resultatet blir:

<option value="id" />

 

Så løsningen for meg ble å gjøre følgende:

<option value="'+array['id']+'">'+array['name']+'</option>