The SelectBox component allows users to select an item from a drop-down list. This demo illustrates the following SelectBox properties:
Specifies an array of items displayed in the SelectBox.
Specifies the text that is displayed when no items are selected.
Prevents users from changing the editor's value via the UI.
Specifies whether the SelectBox responds to user interaction.
Binds the SelectBox to data. Unlike the items property, dataSource accepts the DataSource object that allows users to sort, filter, group, and shape data.
- fieldTemplate and itemTemplate
Allow you to customize the text field and drop-down list items.
- onValueChanged event handler
Use this function to perform an action when a user chooses a new value. In this demo, this function is used to display the selected value.
To get started with the DevExtreme SelectBox component, refer to the following tutorial for step-by-step instructions: Getting Started with SelectBox.