Example of Default Functionalities in ASP.NET MVC MultiSelect Dropdown Control

This sample demonstrates the default functionalities of the MultiSelect. Type a character in the MultiSelect element or click on this element to choose one or more items from the suggestion list.

DEMO

SOURCE

Default Mode

Box Mode

Delimiter Mode

The MultiSelect component contains a list of predefined values from that the user can choose multiple values.

In this sample, the selected items are shown with three different UI modes in three different MultiSelect elements. That three UI modes are listed below,

Default - on focus-in, the component will act in box mode and on blur, the component will act in delimiter mode.
Box - selected items will be visualized in chip.
Delimiter - selected items will be visualized in text content.

More information on the MultiSelect instantiation can be found in the documentation section.