MVC3 Razor查看多选下拉列表

时间:2013-09-27 10:41:46

标签: jquery asp.net-mvc-3 razor html-select

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

我已经搜索了很多,我发现建议使用Jquery插件如chozen等。由于一些限制,我不能使用外部工具。

1 个答案:

答案 0 :(得分:1)

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

@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列表框。

BTW Choosen只是Javascript插件,不会修改代码中的任何内容。它只会在用户浏览器“GUI”中替换选择项目。