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.
Originally Published May 25 2019, updated Feb 12 2022
Table of contents:
jQuery Cascading Dropdown Plugins:
Chained Selects is a jQuery plugin for creating dependent dropdowns from JSON data that dynamically populates a set of select elements based on the previous selection.
A lightweight and easy-to-use jQuery plugin for cascading dropdown lists.
A minimalist jQuery plugin to create multilevel dependent select dropdowns where options are derived depending on value selected in another select input.
FilterSelect is an extremely simple cascading dropdown (aka dependent dropdown) plugin that automatically shows/hides select options depending on the value of other select elements.
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 and easy-to-use jQuery plugin for creating cascading/chained dropdowns that dynamically populate corresponding select elements based on the previous selection.
Vanilla JS Cascading Dropdown Libraries: