Image Combo Box

Marghoob Suleman’s Javascript Combo Box plugin is a great way to sexy-up your combo boxes within forms. Functionality includes creating combo boxes as images entirely, as well as including images per option. Basically, you can skin the standard combo box.

jQuery DropDown Checklist

This neat jQuery Dropdown Check List widget converts the standard SELECT html element into a nice dropdown with multi tickable options.

McDropDown

Am quite fond of this implementation. As you can see in the screenshot above, McDropDown nicely creates a nested menu of elements to choose from from a simple dropdown. It generates the data from a standard <ul> and <li> implementation and has a huge bunch of options to go with it. Worth checking out.

Droplist Filter

Droplist Filter is really pretty damn good. Every had a dropdown with hundreds of options in it? Sure, you can sort them alphabetically, but that is so time consuming – why not add a nice search filter, hit the Enter key and your option is selected. What a great plugin!

Sexy Combo

Sexy Combo is another take on the customizable combo dropdown box. With Sexy Combo you can skin it to a degree, as well as tell it other options such as the default text you should see before an option is selected, as well as configurables such as making the options appear above the select box rather than below…

QuickSelect

QuickSelect allows you to convert a standard input form element into a nice dropdown of choices as the user types. As you can see form the example above, it has some great flexibility. I typed “aber” into it, and it has found some relatively close matches, rather than exact matches. You can obviously turn this off though, and have it return exactly the string match that you enter.

FlexBox

FlexBox is another alternative to the standard HTML dropdown box. Much the same as the others, skinnable etc.

LinkSelect

LinkSelect is slightly different in its approach whereby it converts a standard A link tag into a selectable list of options. In theory, that could be a text or image link which is a quite nice addition.

Pop!

Whilst not strictly a form dropdown, you get the same effect with the Pop! jquery plugin. As the screenshot suggests, you can put anything in there, so may not be that great for forms, but you never know!

jQuery Color Picker

Again, not strictly a dropdown form option, however the jQuery Color Picker can easily be implemented in the same way to enable the quick selection of HTML colors.

ClickMenu

ClickMenu is another play on the drill down selectable. Using the plugin is as simple as:

$('#list').clickMenu();

Tools to help you learn…

Learning jQuery 1.3	Amazon Kindle 2	jQuery UI 1.6

This entry was posted on Tuesday, March 31st, 2009 and is filed under Development, Technology, jQuery. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.