asked on

jQuery Issue in IE 9

I'm having trouble with jQuery in IE 9. I have a google map finder api to look up service locations. If I use document ready it won't load at all. If I remove it, it works patially however, my list of countries does not show up in the dropdown.
Any help will be appriciated:
cohr-dev-ee01.azurewebsites DOT net/support/main/support-contact-locator

ASKER CERTIFIED SOLUTION

zephyr_hex (Megan)

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Robert Granlund

ASKER

@zephyr_hex I do not have access to IE 9, only through a virtual box. Can you look at it again and see if that fixed it?

zephyr_hex (Megan)

I don't have IE 9 either. You could try something like this: https://spoon.net/browsers

Dave Baldwin

According to the download page http://jquery.com/download/ , jQuery 2.x does not support Internet Explorer 6, 7, or 8. It does not mention IE9.

Dave Baldwin

I just looked at it in IE9 and the problem may not be jQuery. The two country dropdowns have the same id="map_form" which may cause a problem. 'id's are supposed to be unique. Make one of them id="map_form2".

Robert Granlund

ASKER

Here is the line that is to populate the dropdown;

for (i = 0; i < countries.length; i++) {
    jQuery("#country_select").append('<option value="' + countries[i] + '">' + countries[i] +'</option>');
    jQuery("#country_select_2").append('<option value="' + countries[i] + '">' + countries[i] +'</option>');

  }

Open in new window

instead of using jQuery("...
Should I use something else? Sorry, still learning...

SOLUTION

Dave Baldwin

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Robert Granlund

ASKER

I found that it is probably the way I have formatted my Append. I have re-posted the question, in a different manner. Thanks for helping me thus far.