ListBoxFor 不让我选择多个项目 MVC

Question

当我运行代码时，我一次只能选择一个项目，这很奇怪，因为'ListBoxFor()'用于选择多个项目，所以我想要的是：

选择多个项目

查看（Index.cshtml）：

<div>
    @Html.ListBoxFor(m => m.DropDownItems, new MultiSelectList(Repository.DDFetchItems(), "Value", "Text", Model.DropDownItems))
</div>

模型（ModelVariables.cs）：

public class ModelVariables
{
    public List<SelectListItem> DropDownItems { get; set; } 
}

public static class Repository
{
    public static List<SelectListItem> DDFetchItems()
    {
        return new List<SelectListItem>()
        {
            new SelectListItem(){  Text = "Dogs", Value = "1", Selected = true},
            new SelectListItem(){  Text = "Cats", Value = "2"},
            new SelectListItem(){  Text = "Death", Value = "3"}
        };
    }
}

控制器（HomeController.cs）：

[HttpGet]
public ActionResult Index()
{
    ModelVariables model = new ModelVariables()
    {
        DropDownItems = Repository.DDFetchItems()  
    };
    return View(model);
}

Answer 1

您不能将<select multiple> 绑定到复杂对象的集合（List<SelectListItem> 就是这样）。 <select multiple> 回发一组简单值（在您的情况下，如果您选择第一个和第三个选项，它将提交 [1, 3]（所选选项的值）。

您的模型需要绑定到 IEnumerable<int> 属性。

public class ModelVariables
{
    public IEnumerable<int> SelectedItems { get; set; }
    public IEnumerable<SelectListItem> DropDownItems { get; set; }
}

然后在GET方法中

public ActionResult Index()
{
    var ModelVariables= new ModelVariables()
    {
        DropDownItems = Repository.DDFetchItems(),
        SelectedItems = new List<int>(){ 1, 3 } // to preselect the 1st and 3rd options
    };
    return View(model);
}

在视图中

@Html.ListBoxFor(m => m.SelectedItems, Model.DropDownItems)

附注

1. 在DDFetchItems() 方法中删除Selected = true - 它的 被ListBoxFor() 方法忽略，因为它的值 您的绑定属性决定了选择的内容
2. 不需要从 ListBoxFor() 方法中的第一个（属性DropDownItems 已经是IEumerable<SelectListItem>)