IE cuts off first option tag using innerHTML

[garann]

I'm using a small AJAX function to populate a dropdown list. When the response comes back from the server, it's already formatted in HTML as a series of options - I just stick it in an empty dropdown using innerHTML. This works in Firefox, but in IE, the first option is cut off before the text of the option.

So if the server sends me:
<option value="one">one</option>
<option value="two">two</option>

In IE, I get:
one</option>
<option value="two">two</option>

Does anyone have a solution for this? Thank you so much!

[brucec]

Are you using an array in your script that accepts your AJAX HTTP Request? I ask because maybe you are looping through the array starting at 1 and should be using 0.

[brucec]

I am also thinking that maybe your first option should have a value of 0.

[brucec]

Do you have a URL we can look at?

[garann]

Thanks for the responses! I wasn't using an array, but I did end up using one. Turns out this is a known bug in IE. I had to split the response and rebuild the list using the Option object, rather than just using innerHTML to insert the whole thing.