Syncfusion jQuery no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 .

Try Essential JS 2

A quick replacement of the HTML select tags.
Built-in support for filtering, hierarchical data binding, grouping, and UI customization with templates.
Ability to create a cascading drop-down list that helps users populate data to the next level drop-down based on the selected value of the parent.

Trusted by the world’s leading companies

ASP.NET dropdown list

VIEW DEMOS

Overview

The ASP.NET Dropdown List is a is the quick replacement of the HTML select tags. It has a rich appearance and allows users to select a single value that is non-editable from a list of predefined values. It has several out-of-box features, such as data binding, filtering, grouping, UI customization, accessibility, and preselected values.

DropDown List

ASP.NET Dropdown List with data binding

Data binding

You can bind data from a variety of data sources in an array from primitive data, JSON data collections, or a remote data source using different kinds of adaptors such as OData, OData V4, URL, JSON, and Web API. The control uses the ASP.NET data manager to manage data and has customization options for data requests and processing.

Dropdown List data binding example

Dropdown List data binding documentation

Render modes

Various render modes are available to visualize selected items.

ASP.NET Dropdown List with chip-box mode

Chip mode (box mode)

Selected items are displayed as a chip (box) type in the Dropdown input box.

Chip mode example

ASP.NET Dropdown Listwith delimiter mode

Delimiter mode

The selected items are displayed with a delimiter character in the Dropdown input box.

Delimiter mode example

Filtering and searching drop-down lists

The ASP.NET Dropdown List control has built-in filtering support with a rich set of filtering configurations available to match all your application needs. Enable the filtering functionality to show the search input box in the drop-down pop-up list.

Dropdown List filtering example

ASP.NET Dropdown List with custom filtering-Fuzzy search

Custom filtering / Server filtering

The ASP.NET Dropdown List control filter queries can be customized. You can also use your own filter libraries to filter data like Fuzzy search.

Server filtering documentation

ASP.NET Dropdown List with case sensitivity

Filter settings

The filtered search can be customized with case sensitivity, and you can set the number of characters required to make a filtered search.

Filter setting documentation

UI customization with templates

The appearance (style) of each item displayed in the selection pop-up list, header and footer of the selection pop-up list, and the drop-down input box (select box) can be customized.

Dropdown List template example

ASP.NET Dropdown List with Header template in selection list

Header template

Design your own header for the pop-up list using a header template.

Header template documentation

ASP.NET Dropdown List with item template

Item template

Define the custom appearance of each list item using an item template.

Item template documentation

The ASP.NET Dropdown List control has multiselect check box support. Enabling a check box on each item helps the user handle multiple selected values.

MultiSelect Dropdown with check box example

MultiSelect Dropdown with check box documentation

ASP.NET Dropdown list with multiselect check boxes

ASP.NET Dropdown List with cascading

Cascading drop-down list

Create a cascading drop-down list to help the user populate data to the next-level drop-downs based on the selected value of the parent drop-down list.

Cascading Dropdown List example

Cascading Dropdown List documentation

Grouping with category

Group the pop-up list items with the corresponding category, making it easy to pick an item quickly from the select drop-down and increase the visual experience of the user.

Dropdown List grouping documentation

ASP.NET Dropdown List with category grouping

ASP.NET Dropdown List with HTML form validation

ASP.NET form support and validation

The ASP.NET Dropdown List is a form control that seamlessly supports HTML forms and obtains values on form submission actions.

Form validation documentation

The width and height of the pop-up option list is customizable.

Dropdown list pop-up dimension documentation

ASP.NET Dropdown List with selection popup dimension adjustment

ASP.NET Dropdown List with sorting

Sortable list items

You can display items in ascending or descending order in a pop-up select option list.

Sortable list items documentation

Responsive drop-down list

The control provides a responsive mode that gives an adaptive, redesigned UI appearance to mobile devices and is at ease with touch actions.

Web accessibility

Fully supports WAI-ARIA accessibility that makes a list view accessible to on-screen readers and assistive devices.
Follows WAI-ARIA best practices for implementing keyboard interaction.
Designed the UI element visuals such as foreground color, background color, line spacing, text, and images based on WCAG 2.0 standard.
Supports right to left (RTL) direction for users working in right-to-left languages like Hebrew, Arabic, or Farsi.

Dropdown List keyboard shortcut documentation

Developer-friendly APIs

Developers can customize all UI elements and control their behaviors according to the end user’s requirement using the control’s rich set of client-side APIs.