Components
    • Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to KendoReact? Start a free 30-day trial

DropDownList

A subclass of React.Component.

Represents the KendoReact DropDownList component.

class App extends React.Component {
   dropdownlist = null;
   render() {
      return (
         <div>
             <DropDownList
                 data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
                 ref={component => this.dropdownlist = component}
             />
             <button onClick={() => alert(this.dropdownlist.value)}>alert value</button>
         </div>
      );
   }
}
ReactDOM.render(<App />, document.querySelector('my-app'));

props

Readonly<DropDownListProps> intersected with Readonly<{ children?: ReactNode; }>

The props of the DropDownList component.

index

number

The index of the selected item.

name

string | undefined

Gets the name property of the DropDownList.

validity

FormComponentValidity

Represents the validity state into which the DropDownList is set.

value

any

The value of the DropDownList.

In this article

Not finding the help you need?