Example of Cascading in Blazor Dropdown List Component

Dropdown List / Cascading

This sample demonstrates the cascading functionalities of the DropDownList. Choose a country from the countries DropDownList, then respective states will be loaded in the second DropDownList.

The Cascading DropDownList is the series of DropDownList, where the value of one DropDownList depends on another DropDownList value. In the ValueChange event handler of 1st DropDownList, you should load the data for the 2nd DropDownList based on the selected value of 1st DropDownList. The same has to be configured between 2nd and 3rd DropDownLists.

In this sample, if a country is selected from countries DropDownList, the respective states are loaded in the second DropDownList and in the same way states and cities DropDownList works.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE