« TartanMaker, more Pattern Background AJAX Generator for Designers | Main | Firefox 2.0.0.5 Adds httpOnly Cookies, but Vulenrable to XMLHTTPRequest »

Select Box Replacement with jQuery

The select input in HTML is one of the elements that you don't have too much control on it. There are many solutions available for example to resolve the z-index issue with IE6, to customize the select element display, but this still don't give you control on the select behavior. The reason why Sadri wrote a Select box replacement in jQuery to resolve these issues and allow to create special behavior, for example to open the select options on focus.

jquery-selextbox.png

This is the version 3 of the plugin and there is still some issues to resolve with Safari and FF on MacOS, your feedback is very welcomed. You can see the plugin working here, download from here.

Posted by Hatem on July 24, 2007 10:54 AM to Javascript | jQuery |

Bookmark this article at these sites
Comments
1

There's a bug in this solution - I downloaded the sample code, added about 20 more entries into the select box so the scroll bar and opened it in IE7. When you click the scroll bar, the list just disappears - the only way to scroll through is with the scroll wheel.

Posted by Jatin | October 22, 2007 9:37 AM | Reply

Post a comment





(Email will remain hidden)





Please enter the security code you see here




Related entries
Email to a friend
Email this article to:


Your email address:


Message (optional):