Replace options in a select

[tuga]

Hi there,

I'm trying to replace the options in a select but without luck, it works fine on FF but not on IE.
I think this is a very basic question but i cannot figure it out. I'm trying to use the innerHTML as I'm using AJAX to retrieve a response and the response is something like "<option value="modelA">Model A</option>", i even tried with following code but doesn't seems to work on IE, it just empties the select.

<select name="lbModel" class="big" id="lbModel">
                  <option value="0">Model</option>
</select>
<a href="javascript:replaceOptions()">Replace</a>

//javascript

function replaceOptions(){
var obj = document.getElementById("lbModel");
obj.innerHTML = '<option value="modelA">Model A</option>';
}

Please can anyone help this newbie.

[tuga]

i've been tryinh to understand this and in IE it actually writes.

Here is the innerHTML in IE

Model A</OPTION>

its missing the initial <option>

Why?


Thanks

[tuga]

http://support.microsoft.com/kb/276228