jQuery Cascading DropDowns (Navigation)

By Acty, September 29, 2013

Follow me on CodeCanyon

Subscribe to RSS Feed


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.



  • 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.