Skip to main content

Dropdown

The Dropdown widget can be used to collect user input from a list of options.

ToolJet - Widget Reference - Dropdown
tip

Dropdown options can be referred to your query data with dynamic variables.

ToolJet - Widget Reference - Dropdown

Event: On select#

On select event is triggered when an option is selected.

Properties#

propertiesdescription
LabelThe text is to be used as the label of the dropdown.
Default valueValue of the default option.
Option valuesOption values are values for different options in the list of the dropdown. Refer your query data with dynamic variables {{queries.datasource.data.map(item => item.value)}} or populate it with sample values {{[1,2,3]}}
Option labelsOption labels are labels for different options in the list of the dropdown. Refer your query data with dynamic variables {{queries.datasource.data.map(item => item.label)}} or populate it with sample values {{["one", "two", "three"]}}