jQuery Cascading DropDowns (Navigation)
By Acty, September 29, 2013
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.
Examples
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.
Tags:
ajax,
cascading dropdowns,
categories,
countries,
data source,
database,
dependent dropdowns,
feeds,
filter,
filtering,
forms,
json,
list,
media,
php,
scripts,
select,
sliders