Google chrome dropdown list options ordering seems to be incorrect

Answer 1

This happens to me too. With the following client side JS:

var data=incoming_json_assoc_array_of_counties_sorted_alphabetically_by_county //eg 47=>"west midlands"
    for (key in data) {
        options.push('<option value="' + key + '">' + data[key]+ '</option>');
    }
    $('#county_id').val(options.join(''));

It seems like chrome will not support integers as property names or will sort by the key rather than the value. Irrespective of the value that the data comes in

This is a pain in the backside as most of my arrays are num=>data assoc arrays.

Please visit http://code.google.com/p/chromium/issues/detail?id=12169 for an explanation, still looking for a workaround/fix.

This doesn't do it in FF or even safari which is webkit based. Tried on PC and MAC chrome and get the same problem.

The other option I suppose is to render the HTML on the serverside and just use your JS to plonk the data into the .. tags as opposed to generating it client side.

[update] see Google Chrome: JavaScript associative arrays, evaluated out of sequence for good solid answer

[edit 2013] Apperently this still hasn't been fixed It's valid behaviour according to ECMAScript standards but it's not how one would 'expect' it to behave. Have you though of using chosen.js which could help you get around the problem.