Jquery MVC3 Razor视图多选下拉列表

Jquery MVC3 Razor视图多选下拉列表,jquery,asp.net-mvc-3,razor,html-select,Jquery,Asp.net Mvc 3,Razor,Html Select,我想在MVC3 razor视图(cshtml)中创建一个多选下拉列表(所有选项都有复选框可供选择) 我搜索了很多,到处都找到了使用Jquery插件的建议,比如chozen等。由于一些限制,我不能使用外部工具。如果你不能使用外部工具,唯一的方法就是使用列表框帮助器。您的代码可能如下所示: @Html.ListBoxFor(model => model.Selected, Model.AllItems.Select(fl => new SelectListItem {

我想在MVC3 razor视图(cshtml)中创建一个多选下拉列表(所有选项都有复选框可供选择)


我搜索了很多,到处都找到了使用Jquery插件的建议,比如chozen等。由于一些限制,我不能使用外部工具。

如果你不能使用外部工具,唯一的方法就是使用
列表框
帮助器。您的代码可能如下所示:

@Html.ListBoxFor(model => model.Selected, 
        Model.AllItems.Select(fl => new SelectListItem {
             Text = fl.Name,
             Value = fl.Id.ToString(),
             Selected = Model.Selected.Any(y => y.Id == fl.Id)
   }), new {Multiple = "multiple"})
它将呈现经典的HTML列表框


顺便说一句,Choosen只是一个Javascript插件,它不会修改代码中的任何内容。它将只替换用户浏览器中的“GUI”以选择项目。

如果您不能使用外部工具,唯一的方法是使用
列表框
帮助器。您的代码可能如下所示:

@Html.ListBoxFor(model => model.Selected, 
        Model.AllItems.Select(fl => new SelectListItem {
             Text = fl.Name,
             Value = fl.Id.ToString(),
             Selected = Model.Selected.Any(y => y.Id == fl.Id)
   }), new {Multiple = "multiple"})
它将呈现经典的HTML列表框


顺便说一句,Choosen只是一个Javascript插件,它不会修改代码中的任何内容。它将只替换用户浏览器中的“GUI”以选择项目。

下面的五月链接将帮助您:[[1]:下面的五月链接将帮助您:[[1]: