Download jQuery Cascading DropDowns

Overview Cascading DropDowns is a jQuery plugin that implements dropdown lists in which contents of one list depends on the selection of another list. The plugin has right panel with items (any html structure), that depend on dropdown selected value and filtered on selection callback

Overview

Cascading DropDowns is a jQuery plugin that implements dropdown lists in which contents of one list depends on the selection of another list. The plugin has right panel with items (any html structure), that depend on dropdown selected value and filtered on selection callback. The dropdowns work with json as data source (ajax or javascript array). The right panel items work with ajax or inline html as data source.

Dropdown Examples

• Dropdowns: PHP and SQLite demo
• Dropdowns: JavaScript array as data source
• Dropdowns: One JSON file as data source

Radiobutton Examples

• Radiobuttons: PHP and SQLite demo
• Radiobuttons: JavaScript array as data source
• Radiobuttons: One JSON file as data source

Checkboxes Examples

• Checkboxes: PHP and SQLite demo
• Checkboxes: JavaScript array as data source
• Checkboxes: One JSON file as data source

Other Examples

• Dropdowns only demo

Features

• Works with JSON and AJAX (PHP + SQLite example)
• Supports HTML/DOM data source for the right panel items
• Supports javascript array as data source for dropdowns
• Fully customizable styles
• Works in all major browsers
• Annotated source code
• JSDoc documentation

Browser Compatibility

• Internet Explorer 7+
• Firefox
• Chrome
• Safari
• Opera

jQuery Compatibility

• Works with jQuery from version 1.7.
• Works with jQuery 2.x versions.

Updates on 12/16/2013

• Checkboxes control is added
• Code Review
• Documentation changes

Updates on 10/27/2013

• Radiobuttons control is added
• Demo pages are added
• Small documentation changes

Updates on 10/25/2013

• Dropdowns only demo is added
• Small fixes in php + sqlite demo
• Small css changes