4 Versatile JQuery Drop Down Menu Solutions

We have collected the 4 best drop down menu with many features such as autocomplete, search, tags, multi select, ajax and even populate with JSON data. Drop down menu is a very common form element but the greatest issue is, the way browser render it is totally out of our control. So, to make it consistent across different browsers, we use javascript to skin it up with HTML and CSS and maintain or extend the existing functionality of a drop down with Javascript. My favourite is Chosen, I have been using it for quite a few of projects. We love its simplicity and work perfectly.

  • DDSlick

    A free light weight jQuery plugin that allows you to create a custom drop down with images and description. Add extra info to the drop down, and you can populate the drop down list with JSON. Other feature such as callback, stylable.

  • DropKick

    Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making look good. We have a tutorial on how to skin it.

  • Textext js

    TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code and slowing down your site with the code that you aren’t using.

  • Chosen

    Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.


Leave a Comment