This is an unobtrusive jQuery plugin that allows you to replace the HTML select box with a styled dropdown menu.
As most of us, I hate IE6 but I have to deal with it. At work, our users use exclusively IE6 so you can imagine the nightmare! I came across the IE bug where the select box stay always on top of any div even if you define a z-index value, more on the subject can be found here and here. So this plugin try to resolve the problem by replacing the select box by dropdown menu.
Know issues
* On Mac with both Safari and FF when you select a value using Enter key the form is submitted, it seems that “preventDefault” is not working. If anyone has an idea about how to resolve this, just drop me a mail or a leave a comment.
* When an option is selected using the mouse and when you reopen the list the selected option is not highlighted anymore.
Demo: http://www.brainfault.com/demo/selectbox/
Download: http://www.brainfault.com/download/jquery.selectbox-0.3.zip
Download CSS File: http://www.ajaxupdates.com/downloads/selectbox.css
Source: http://www.brainfault.com/2007/07/23/select-box-replacement/

Related Listings:
RSS feed for comments on this post. TrackBack URL
August 12th, 2009 at 10:53 pm
[...] jQuery Select Box [...]
November 6th, 2009 at 3:37 am
The selectbox.css is missing in the zip-file
(
November 6th, 2009 at 3:46 am
Hello,
You may download the missing selectbox.css from the URL below
http://www.ajaxupdates.com/downloads/selectbox.css
December 2nd, 2009 at 4:59 pm
if you search for an searchable select box have a look at this plugin.
jQuery Searchable DropDown Plugin
http://plugins.jquery.com/project/searchabledropdown