Skip to main content

​
1. Applicable Scenarios

Option information follows a one-to-many relationship and features hierarchy and linkage. It is often used to create a main category and its sub-categories, such as Department selection and city selection (for example, province, city, and district) that involve hierarchical relationships.
For Component attributes, usage, and examples, click here.

​
2. Basic Features

Determines whether users can type Content directly in the input box to Search. When there are many Tiers, turn on the Search feature to quickly locate the target option.
Show Search
The effect is shown below:

​
2.2 Clear Button

Clears the Content in the option box.
Clear Button The effect is shown below:

​
2.3 Use the Data Source to Add, Delete, or Modify Departments

Click Edit Code to view the Data Source of the cascade Select. Add, Delete, or modify main categories and sub-categories here.
Data Source
The structures of the first Tier and the second Tier in the Data Source are shown below:
For example, to Add a new option named “New Department” under Department > Product, follow the steps shown in figures 3 to 5:

​
3. FAQ

The final effect:
The final effect:
Make sure you copied the complete structure, including symbols such as {} and []. Also check that commas are added in the correct places and that they are half-width (English) commas. If it still doesn’t work, Delete the Component and Add it again.