ASP.NET Core 2.0中Html.DropDownList生成额外第一项及查询字符串异常问题

我之前也碰到过一模一样的问题，ASP.NET Core 2.0里的Html.DropDownList会自动把查询字符串中的值插入为<select>的第一项，哪怕你把optionLabel设为null也没用。这个行为其实是框架的模型绑定保护机制——当请求里的目标值不在你提供的选项列表中时，它会自动生成一个对应选项，避免绑定失败丢失值。下面给你几个可行的解决方法：

1. 确保选项集合包含查询字符串的值 #

最根本的解决方式是让你的下拉选项列表里本身就存在查询字符串对应的项，这样框架就不会额外生成了。举个例子：

后端准备选项和选中值 #

public IActionResult YourAction()
{
    // 构造下拉选项数据源
    var statusOptions = new List<SelectListItem>
    {
        new SelectListItem { Value = "AAA", Text = "状态AAA" },
        new SelectListItem { Value = "BBB", Text = "状态BBB" },
        new SelectListItem { Value = "CCC", Text = "状态CCC" }
    };

    // 从查询字符串获取要选中的值
    var selectedStatus = Request.Query["collectionStatus"].ToString();

    // 生成SelectList时指定选中值
    ViewBag.StatusList = new SelectList(statusOptions, "Value", "Text", selectedStatus);

    return View();
}

视图中调用DropDownList #

@Html.DropDownList("collectionStatus", ViewBag.StatusList as SelectList, null, new { @class = "form-control" })

这样如果查询字符串是?collectionStatus=AAA，框架会直接匹配到已有的选项，不会额外生成新项。

2. 手动渲染下拉列表绕过默认逻辑 #

如果你的场景里确实不需要这个自动添加的行为，可以直接手动渲染<select>标签，完全控制选项生成：

@{
    var statusOptions = ViewBag.StatusList as IEnumerable<SelectListItem>;
    var selectedStatus = Request.Query["collectionStatus"].ToString();
}

<select name="collectionStatus" class="form-control">
    @foreach (var item in statusOptions)
    {
        <option value="@item.Value" @(item.Value == selectedStatus ? "selected" : "")>@item.Text</option>
    }
</select>

这种方式完全跳过了Html.DropDownList的自动绑定逻辑，不会生成额外选项。

3. 清除ModelState中对应项的影响 #

如果之前有表单提交导致ModelState中保留了该字段的值，Html.DropDownList也会基于这个值生成额外选项。你可以在Action中清除对应项：

public IActionResult YourAction()
{
    // 清除ModelState中关于collectionStatus的记录
    ModelState.Remove("collectionStatus");

    // 后续的选项准备逻辑...
    return View();
}

这个方法适合处理因为之前的表单错误导致的额外选项问题。

内容的提问来源于stack exchange，提问作者Yiping