What is Cascading Dropdown?
A cascading (dependent, chained) dropdown is one of the most commonly used web component that dynamically populates a single dropdown select depending on the value selected in another select or a group of selects.
For example, you can create 2 dropdown lists (State and City) where only the cities of the selected states are visible.
Table of contents:
jQuery Cascading Dropdown Plugins:
A lightweight and easy-to-use jQuery plugin for cascading dropdown lists.
Chained is a lightweight and simple jQuery plugin for chained selects that allow to choose child selects from two different versions of your select lists.
A minimalist jQuery plugin to create multilevel dependent select dropdowns where options are derived depending on value selected in another select input.
linkedSelect is a jQuery plugin for creating dependent (cascading) dropdown lists that allow the user to select an option based on a previous selected option.
ssdCascadingDropDown is a jQuery plugin for creating dynamic cascading dropdowns which allow to show/hide select options depending on the changes of other select dropdowns.
A lightweight jQuery plugin for creating a cascading dropdown that enables you to dynamically populate a set of select boxes based on the previous selection.
Bootstrap Cascader is a jQuery Cascading Dropdown (multi level dependent dropdown) plugin for the popular Bootstrap framework.
Filter Select is a jQuery plugin for creating dependent select boxes where options are derived based on the value selected from other select element(s).
Vanilla JS Cascading Dropdown Libraries: