ASP.NET MVC 可变数量的下拉列表

Question

考虑以下问题和可能的答案：ASP.Net MVC Multiple Drop Downs, Single List, Only Allow Unique Selections

忽略大部分细节，我们可以看到我们可以像这样为 1-m 关系实现许多下拉列表：

<%: Html.DropDownListFor(model => model.DropwdownId1,Model.DropdownEntities) %>
<%: Html.DropDownListFor(model => model.DropwdownId2,Model.DropdownEntities) %>
<%: Html.DropDownListFor(model => model.DropwdownId3,Model.DropdownEntities) %>

DropdownId1、DropdownId2 和 DropdownId3 是很容易添加到模型中的属性，当且仅当我们确切知道要显示和回发的下拉列表数量时。但是，我想实现可变数量的下拉列表。例如，可以通过 Javascript 动态添加新的下拉菜单。或者显示到视图中的下拉列表的数量可能取决于 model 中的某个变量属性。比如说，model.NumberOfDropDowns.

我该如何实施？如何编写可以处理可变数量下拉菜单的视图模型和控制器操作？

我已经阅读了大量关于编辑器模板和动态添加表单元素的博客文章等复杂内容的文章，但我真的很难弄清楚如何做到这一点。如有任何帮助，我们将不胜感激

Answer 1

下拉输入仍然只有 1 个提交的表单值，因此它与任何其他可变长度视图模型相同属性：使用 List<T>，如下所示：

视图模型

class FooViewModel {
    public List<String> DropDownFields { get; set; }
}

控制器操作

[HttpGet]
ActionResult Index() {

    ViewData["dropDownSource"] = new List<SelectListItem>
              {
                   new SelectListItem
                   {
                        Text = "Test",
                        Value= "1"
                   },
                   new SelectListItem
                   {
                        Text = "Text",
                        Value= "2"
                   }
              };

    return View( new FooViewModel() );
}

[HttpPost]
ActionResult Index(FooViewModel vm) {

    for(int i = 0; i < vm.DropDownFields.Count; i++) {

        // for each dropdown
    }
}

视图（aspx 语法）

<% for(int i = 0; i < vm.DropDownFields.Count; i++) { %>
    <%= Html.DropDownListFor( m => m.DropDownFields[i], (IEnumerable<SelectListItem>)ViewData["dropDownSource"] ) %>
<% } %>

ASP.NET MVC 可变数量的下拉列表

ASP.NET MVC variable number of dropdown lists

asp.net-mvc-4

视图模型

控制器操作

视图（aspx 语法）