Docs About BlazorWebFormsComponents

DropDownList Component Samples

Basic DropDownList with Static Items

Selected Value:

With Pre-selected Value

Data-bound DropDownList

Selected Product ID:

Selected Product: None

Disabled DropDownList

With CSS Class

Note: The form-select class is from Bootstrap and provides styling.

With Inline Styles

With Change Event

Last selection: None at 07:16:30

Code:


<DropDownList TItem="object" StaticItems="staticItems" @bind-SelectedValue="selectedValue" />

<DropDownList TItem="Product" Items="products" DataTextField="Name" DataValueField="Id" @bind-SelectedValue="selectedProduct" />

<DropDownList TItem="object" StaticItems="staticItems" Enabled="false" SelectedValue="2" />