All docs
V24.2
24.2
24.1
23.2
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery SelectBox - Overview

DevExtreme SelectBox is a UI component that allows users to select a value from a drop-down list or add a new value.

In this overview you can find a map of SelectBox elements, information about key features, and what to explore next.

Elements

An element map is shown below. Clicking an element navigates to the topic related to this element.

SelectBox elements Text field Drop-down button Custom group caption Custom group caption Group Group Items Items

Key Features

  • Input-Based Search
    Configure search settings to search within SelectBox items.

  • Selection
    Users can select items from a drop-down list. You can handle the selection.

  • Data Binding to Various Sources
    Bind DevExtreme SelectBox to different sources like local arrays, JSON, OData, Web API, PHP, MongoDB, and custom sources.

  • Custom Value Entry
    Allow users to add new items to SelectBox in addition to selecting from the existing items.

  • Display Groups
    Group SelectBox items for better readability. Modify appearance of group items with groupTemplate.