Html .NET核心MVC中的备选方案列表框

Html .NET核心MVC中的备选方案列表框,html,asp.net-core-mvc,Html,Asp.net Core Mvc,在.NET核心MVC中是否有ListBoxFor的替代方案? 我想将所有选定部门的数据存储在一个名为SelectedDepartment的列表中。因此,我想使用类似于复选框的东西。例如: []A部门 [十] B系 [十] C系 但我只是通过使用带有多个函数的HTML选择找到了解决方案。还有其他解决办法吗 这是我当前的代码: <div class="form-group"> @Html.LabelFor(model => model.AvailableDepartment

在.NET核心MVC中是否有ListBoxFor的替代方案? 我想将所有选定部门的数据存储在一个名为SelectedDepartment的列表中。因此,我想使用类似于复选框的东西。例如:

[]A部门 [十] B系 [十] C系 但我只是通过使用带有多个函数的HTML选择找到了解决方案。还有其他解决办法吗

这是我当前的代码:

<div class="form-group">
    @Html.LabelFor(model => model.AvailableDepartments)
    @Html.ListBoxFor(model => model.SelectedDepartments, Model.AvailableDepartments.Select(x => new SelectListItem { Text = x.DepartmentShort, Value = x.Id.ToString() }), new { @class = "form-control" })
</div>

感谢您对带有复选框的multi-select dropdownlist的支持,您可以使用ListBoxFor Html Helper和jQuery BootStrap multi-select插件来实现这一点,请参阅下面的演示:

视图:

结果:


从下载相关的引导multiselect css和js文件。

这几乎就是我正在寻找的解决方案。但在我的例子中,我想在启动时显示所有可能的解决方案,如ListBoxFor,但只显示复选框
<form asp-action="GetCheckBoxList">
  <div class="form-group">
    @Html.LabelFor(model => model.Answers)
    @Html.ListBoxFor(model => model.SelectedAnswer, Model.Answers.Select(x => new SelectListItem { Text = x.Description, Value = x.Id.ToString() }), new { @class = "form-control" ,id="listAnswers" })
  </div>
  <div>
    <input type="submit" value="Submit" />
  </div>
</form>

@section Scripts
{
  <link href="~/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
  <script src="~/js/bootstrap-multiselect.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
        $("#listAnswers").multiselect({
            includeSelectAllOption: true
        });

    });

</script>   
}