This page demonstrates various dependent drop-down examples based on the Tailwind CSS framework. All selected values will be restored after page refresh or back / forward button until the end of the browser session (using Session Storage).
Dependent Dropdowns#1
This example shows drop-downs in a vertical layout.
Selected Values
Selected Texts
Dependent Dropdowns#2
This example shows drop-downs in a horizontal layout.
Selected Values
Selected Texts
Dependent Dropdowns#3
This example shows examples with three visible options in a drop-down list.
Selected Values
Selected Texts
Dependent Dropdowns#4
This example shows another horizontal layout version.
Selected Values
Selected Texts
Dependent Dropdowns#5
In this example, the library hides disabled controls.