BUG: The FOR Attribute of the LABEL Object Resets Focus (314279)

RESOLUTION

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>

MORE INFORMATION

Steps to Reproduce the Problem

In following the drop-down list box, the third element is selected. If you click the Citizenship Status Label, the selected element in the drop-down list is reset to the first element.

<html>
<BODY>
<LABEL for='test'>Citizenship Status:</LABEL>

<SELECT NAME='test' ID='test'>
<OPTION VALUE="3" >Alien Perm
<OPTION VALUE="4">Alien Temp
<OPTION VALUE="1" SELECTED >Native
<OPTION VALUE="2">Naturalizd
<OPTION VALUE="N">Not Indic.
</SELECT>

</BODY>
</HTML>

REFERENCES

For more information about developing Web-based solutions for Internet Explorer, visit the following Microsoft Web sites:
MSDN Library and Web Workshop:

http://msdn.microsoft.com/workshop/entry.asp

Internet Explorer Web Site:

http://msdn.microsoft.com/ie/

For information about the properties and events that this article uses, visit the following Microsoft Web sites:

MSDN - for attribute

MSDN - onfocusin event