MVC3 Razor 查看多选下拉菜单

【问题标题】：MVC3 Razor View Multi Select DropdownMVC3 Razor 查看多选下拉菜单
【发布时间】：2013-10-03 15:12:20
【问题描述】：

我想在 MVC3 剃须刀视图 (cshtml) 中创建一个多选下拉菜单（所有选项都有复选框可供选择）。

我搜索了很多，到处都找到了使用 chozen 等 Jquery 插件的建议。由于一些限制，我无法使用外部工具。

【问题讨论】：

下面的链接可能会对您有所帮助：[stackoverflow.com/questions/13776851/… [1]: stackoverflow.com/questions/13776851/…

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

【解决方案1】：

如果不能使用外部工具，唯一的办法就是使用ListBox helper。您的代码可能如下所示：

@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”来选择项目。

【讨论】：