A free light weight jQuery plugin that allows you to create a custom drop down with images and description.

What is so cool about this plugin!

  • Adds images and description to otherwise boring drop downs.
  • Allows JSON to populate the drop down options.
  • Converts your HTML select element to ddSlick.
  • Uses Minimum css and no external stylesheets to download.
  • Supports callback functions on selection.
  • Works as good even without images or description!

Why is this plugin useful

With traditional drop downs i.e. using ~select~ ~option~ ~/option~ ~/select~ you are limited to only text and value. But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value. Take a look at the following demos in action.

The data source that populates the drop-down options is JSON and there are multiple options for customizing the functionality. The look & feel can be changed as well (very few styles used).

There is also a callback function that is fired when an option is selected (which is good for auto-modifying a hidden form for a possible submit, etc.).

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://designwithpc.com/Plugins/ddSlick

 

 

0 Shares:
Leave a Reply

Your email address will not be published. Required fields are marked *

five × 3 =

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like

QUOjs – Micro JavaScript Library

QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented, and micro coherent API.