jQuery Dropdown Check List

Dropdown Check List is a JavaScript Plugin for jQuery library that transforms a regular select html element into a dropdown checkbox list. The Dropdown Check List jQuery widget transforms a regular <select> menu into a dropdown checkbox list.

Dropdown Check List plugin dynamically builds a container with checkboxes and labels to replace the select element. You can customize the look and feel of your dropdown check list by simply updating CSS file.

The existing select element with id='select_id' is replaced by a dropdown checkbox list widget. See the Demo Page for a detailed description and live examples.

Dropdown Check List uses the existing structure of the html select elements on which it is applied to dynamically build a container with checkboxes and labels then hides the original select element. The plugin does not change in any way the existing select element, only syncronize the checked values from the new container to the original select. This approach has the added benefit to allow the use of the plugin with any server technology.

The current version of drop-down check list can be downloaded from google code downloads. This page, including all required files to run the examples, can be downloaded as zip package from the same location. Dropdown check list requires jquery.js and ui.core.js and has been tested with jquery version 1.2.6. The widget has been tested with IE 7, Firefox 3, Opera 9.6, Safari 3.1 (for windows) and Chrome 0.3 browsers.

Requirements: jQuery