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:

1. Multi Select Transfer with jQuery I’m sure that at some point or another you’ve encountered...
2. Sexy Combo – jQuery Plugin Sexy Combo is a jQuery plugin that allows you to...
3. jQuery – Disable Text Select Received a kind comment from dehneg the other day, he...
4. jQuery UI Multiselect – Another attempt of a sortable, searchable multiple select widget It depends on jQuery 1.3 and jQuery UI 1.7....
5. Alternative Select Multiple with Jquery A progressive enhancement to select multiple form elements. It provides...

Do you like this post?

Email: