DropDownList Component Samples

Basic DropDownList with Static Items

Selected Value:

With Pre-selected Value

Data-bound DropDownList

Selected Value:

Disabled DropDownList

With CSS Class

With Inline Styles

With Change Event

Select one...FirstSecondThird

Last selection: None at 11:22:54

---

Code:

<DropDownList ItemType="object" StaticItems="staticItems" @bind-SelectedValue="selectedValue" />
<DropDownList ItemType="DataItem" Items="dataBoundItems" DataTextField="Name" DataValueField="Id" @bind-SelectedValue="selectedDataBound" />
<DropDownList ItemType="object" StaticItems="disabledItems" Enabled="false" SelectedValue="1" />
<DropDownList ItemType="object" StaticItems="styledItems" CssClass="form-select" />