GetElementByID.innerHTML in IE and FF

[sm3128]

Hi,

I have code in jsp like this

<div id="ruleActionOptions" style="visiblity:hidden;display:none;">
<option value="A" selected>Approve</option>
<option value="L">Final Approver</option>
<option value="Z">Bypass</option>
</div>

this code document.getElementById("ruleActionOptions").innerHTML;

In IE :

give me

<option value="A" selected>Approve</option>
<option value="L">Final Approver</option>
<option value="Z">Bypass</option>

In FireFox:

It gives

Approve
Final Approver
Bypass

I want same result In firefox.

can anybody please suggest some thing?

Thanks in Advance
With Regards

[abduraooft]

can anybody please suggest some thing? Yes. Your markup is invalid, so validate and fix the errors firts before doing any DOM operations using javascript.

[arizvi]

Try this-

<div id="ruleActionOptions" style="visiblity:hidden;display:none;">
<select>
<option value="A" selected>Approve</option>
<option value="L">Final Approver</option>
<option value="Z">Bypass</option>
</select>
</div>

[Kor]

I don't think it is HTML legal to nest some options within DIV elements. You could, alternatively, to nest some options within <optgroup></optgroup>