How to implement multiple select in MVC 3 using 'chosen.js' plugin

Question

How to implement chosen plugin for MVC 3 ?

for this type of output

Answer 1

I have reconfigure chosen plugin as below and working properly.

My razor :

            @Html.ListBox(
                             "Emailaddress",
                             ViewBag.EmailaddressList as MultiSelectList,
                             new { @class = "chosen-select", data_placeholder = "Choose a Emailaddress...", style = "width:750px;", tabindex = "4" }
                         )
 

Add this script after your html Razor code

My viewbag :

ViewBag.Skills = new MultiSelectList(EmailaddressList, "Id", "EmailId");