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 *

fourteen − 13 =

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

You May Also Like

Spectrum – Perfect jQuery Color Picker Plugin

Spectrum is a jQuery colorpicker plugin that probably comes with all the features you are looking for. It is image-free (only CSS and JS) and can be used for all browsers or only as a polyfill for the input[type=color] of HTML5.

5+ Useful jQuery Plugins for Images

We love jQuery for its flexibility and many uses. But some of the most impressive jQuery applications are those that involve images. It really can allow you to do some useful stuff and even add a “wow” factor to your project. So here we’ve rounded up some jQuery plugins to help you display images in your next project.

Detect screen size with jQuery and apply a CSS style

Sometimes we need to format the content differently according to the screen resolution of the user. One of the ways to do this is to simply detect the screen width using the screen.width property and change the stylesheet.