在 ASP.NET MVC 中将所选选项指定到下拉列表的最简单方法

Question

我的模型中有一个选项列表 (IEnumerable)，我想在视图中的多个下拉列表中使用它。但每个下拉菜单都可以有不同的选择选项。

如果使用 Html.DropDownList 帮助器，是否有一种简单的方法可以简单地指定应选择哪个？

此时，我能看到的唯一方法是自己生成 html 并循环浏览选项列表，如下所示：

<% for(int i=0; i<10; i++) { %>
    <select name="myDropDown<%= i %>">
        <% foreach(var option in Model.Options) { %>
        <option value="<%= Html.Encode(option.optValue) %>" <%if(ShouldBeSelected(i)) {%> selected="selected"<% } %>><%= Html.Encode(option.optText) %></option>
        <% } %>
    </select>
<% } %>

Answer 1

Html.DropDownList() 接受 SelectList 作为具有 SelectedValue 属性的参数。创建 SelectList 并将 SelectList 传递给 Html.DropDownList() 时指定所选项目。

Answer 2

具有属性“Id”和“Name”的“Item”类
ViewModel 类有一个属性“SelectedItemId”
items = IEnumerable;

<%=Html.DropDownList("selectname", items.Select(i => new SelectListItem{ Text = i.Name, Value = i.Id.ToString(), Selected = Model.SelectedItemId.HasValue ? i.Id == Model.SelectedItemId.Value : false })) %>

Answer 3

下面的示例在页面上有 7 个下拉菜单，每个下拉菜单都有相同的 5 个选项。每个下拉菜单都可以选择不同的选项。

在我看来，我的表单中有以下代码：

<%= Html.DropDownListFor(m => m.ValueForList1, Model.AllItems)%>
<%= Html.DropDownListFor(m => m.ValueForList2, Model.AllItems)%>
<%= Html.DropDownListFor(m => m.ValueForList3, Model.AllItems)%>
<%= Html.DropDownListFor(m => m.ValueForList4, Model.AllItems)%>
<%= Html.DropDownListFor(m => m.ValueForList5, Model.AllItems)%>
<%= Html.DropDownListFor(m => m.ValueForList6, Model.AllItems)%>
<%= Html.DropDownListFor(m => m.ValueForList7, Model.AllItems)%>

然后我有一个如下所示的视图模型：

public class HomePageViewModel
{
    public List<SelectListItem> AllItems { get; set; }

    public string ValueForList1 { get; set; }
    public string ValueForList2 { get; set; }
    public string ValueForList3 { get; set; }
    public string ValueForList4 { get; set; }
    public string ValueForList5 { get; set; }
    public string ValueForList6 { get; set; }
    public string ValueForList7 { get; set; }

    public HomePageViewModel()
    {
        AllItems = new List<SelectListItem> 
        {
            new SelectListItem {Text = "First", Value = "First"},
            new SelectListItem {Text = "Second", Value = "Second"},
            new SelectListItem {Text = "Third", Value = "Third"},
            new SelectListItem {Text = "Fourth", Value = "Fourth"},
            new SelectListItem {Text = "Fifth", Value = "Fifth"},
        };
    }
}

现在在您的控制器方法中，声明如下：

        public ActionResult Submit(HomePageViewModel viewModel)

viewModel.ValueForList1 的值将设置为所选值。

当然，我建议使用数据库中的某种枚举或 ID 作为您的值。