List Item - I want to loose the focus when an option has been clicked.

[mumford1]

Hi

I have a list item menu. When the user selects one of the options i don't want it to stay selected (you know when it turns blue in IE).

The reason for this alot of people have the scroll mouses now, and it is annoying when you select something in a drop down menu, then use your scroll mouse to scroll down the page, but you find your still in the drop down menu.

Does this make any sense!

[m0n5t3r]

This should do it:

<select name="whatever" onchange="this.blur()">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>

(I've tested in Opera and Mozilla 1.4, I don't have iexplore at hand right now...)

Edit:

It also works in IE6

[mumford1]

Thanks for the reply.

I have just copied that code, but it dosen't work. When you select an option it is still hightlighted blue?

[cfm]

Yes, but scrolling won't cause the drop-down list to scroll.

[mumford1]

it does if you have a scroller on your mouse

[cfm]

Not with the blur(); it won't.

[mumford1]

Believe me it does! I copied that exact code, viewed the page click on on eof the drop down options and voila it remained blue (selected).

[redux]

it seems to be a bug in IE...

[cfm]

Then how come it works on my machine? Microsoft Windows XP Professional SP1, Microsoft Internet Explorer 6.