如何将 List<string> 传递给下拉列表？答案

【问题标题】：How to pass List<string> to dropdown?如何将 List<string> 传递给下拉列表？
【发布时间】：2019-02-27 05:18:48
【问题描述】：

我有一个清单如下：

List<string>WeekEnding={'10/07/2018','11/11/2018','01/21/2018'};

我想将其传递给 name='10/07/2018' value='10/07/2018' 的下拉列表

我的下拉菜单是

  @Html.DropDownList("WeekEnding", null, new { Id = "WeekEnding", style = "width:50px;", @class = "form-control js-select", @size = "2" , required = "required" })

【问题讨论】：

Populate @Html.DropDownList with a List<string> using MVC、stackoverflow.com/questions/5688910/… 和 stackoverflow.com/questions/39772154/… 的可能重复项。
MVC - Show list of strings in DropDownList的可能重复

标签： c# .net asp.net-mvc dropdown viewbag

【解决方案1】：

你可以这样使用

@model List<string>
@Html.DropDownList(
    "WeekEnding", 
    new SelectList(
        Model.Select(x => new { Value = x, Text = x }),//you have to pass data as model. If you use another way you must change this line. 
        "Value",
        "Text"
    ),
    new { Id = "WeekEnding", style = "width:50px;", @class = "form-control js-select", @size = "2" , required = "required" }
)

【讨论】：

NullException: 值不能为空
你必须将数据作为模型传递。
@SumitS。你如何传递数据来查看？
谢谢它现在工作..以前我试图通过 viewbag 传递列表现在它与模型一起工作

【解决方案2】：

我通常使用view models 来填充我的下拉列表，即使它具有日期等基本值（如您的代码中所示）。按照你想要的方式工作，我会像下面那样做。

假设您正在使用 Index action method 和 Index view..

索引操作方法

public ActionResult Index()
{
    List<string> WeekEnding = new List<string>() { "10/07/2018", "11/11/2018", "01/21/2018" };

    return View(WeekEnding);
}

索引视图

@model List<string>

@Html.DropDownList(
    "WeekEnding",
    new SelectList(
        Model.Select(x => new { Value = x, Text = x }),
        "Value",
        "Text"
    ),
    "-- Select --",
    new { @style = "width: 50px", @class = "form-control js-select", @size = "2", @required = "required" }
)

在页面生成后查看HTML 源时，会如下所示：

<select class="form-control js-select" id="WeekEnding" name="WeekEnding" required="required" size="2" style="width: 50px">
    <option value="">-- Select --</option>
    <option value="10/07/2018">10/07/2018</option>
    <option value="11/11/2018">11/11/2018</option>
    <option value="01/21/2018">01/21/2018</option>
</select>

我希望这会有所帮助。

【讨论】：