.Net MVC 5 Multi-Select List Box-CodePudding

The

CodePudding user response：

Html.ListBoxFor Extension Method creates ListBox control and allows users to select multiple options in one go. It is very useful when you want to get multiple options for the users.

You can define this control as follows: @Html.ListBoxFor(model => model.property, ItemList, object HtmlAttribute) Model => model.property: It contains the ID of selected items ItemList: It is a list of items Object HtmlAttributes: It sets extra attributes to ListBox Control.

Like a multiple-selection list box, a standard list box allows users to select values in a list. However, with a list box, users can select only one item in the list. Like a multiple-selection list box, a list box displays all of the items in the list by default.

Here your code is perfect. so to select multiple item from the list just press Ctrl mouse click.

CodePudding user response：

For all developers asking the same question =>

In a .Net MVC application, without any addition library, most you can do is this:

With

Add this js and css to your application

https://github.com/mysociety/jquery-multi-select/blob/master/src/jquery.multi-select.js

https://github.com/mysociety/jquery-multi-select/blob/master/src/example-styles.css

And mark your input area as multiselect with $('#mySelectList').multiSelect();

Note: When used the codes from question, this multi-select list sends a list int in model to server side.