You can only work around this problem in Internet Explorer 6 by using the
onfocusin event. You can basically store the selected index into a temporary variable and reset the index to that variable when the select box obtains focus.
Use the following code as an example:
<HTML>
<HEAD>
<SCRIPT>
//Set a temp expando to store the current selectedIndex
function SelectOnFocusIn()
{
try
{
var eSrc = window.event.srcElement;
if (eSrc)
eSrc.tmpIndex = eSrc.selectedIndex;
}
catch (e)
{
HandleError(e, false);
}
}
//restore the selectedIndex
function SelectOnFocus()
{
try
{
var eSrc = window.event.srcElement;
if (eSrc)
eSrc.selectedIndex = eSrc.tmpIndex;
}
catch (e)
{
HandleError(e, false);
}
}
</SCRIPT>
</HEAD>
<BODY>
<LABEL for="test">Citizenship Status:</LABEL>
<SELECT NAME="test" ID="test" onfocusin="SelectOnFocusIn()" onfocus="SelectOnFocus()">
<OPTION VALUE="3">Alien Perm </OPTION>
<OPTION VALUE="4">Alien Temp </OPTION>
<OPTION VALUE="1" SELECTED>Native </OPTION>
<OPTION VALUE="2">Naturalized </OPTION>
<OPTION VALUE="N">Not Indic. </OPTION>
</SELECT>
</BODY>
</HTML>