如何在ASP.NET MVC中将文本框转换为下拉列表？

要把文本框替换成下拉列表，需要从模型配置和视图修改两部分调整，你当前的视图代码存在数据源绑定错误（asp-items="@Model.name"是错误的，name是绑定的选中值，不能作为下拉选项数据源），下面是完整的解决方案：

1. 调整模型 #

在你的实体模型中，除了保留用于存储选中值的name属性，还需要新增一个IEnumerable<SelectListItem>类型的属性，用来提供下拉选项的数据源：

public class YourModel
{
    // 存储选中的下拉选项值，对应原文本框绑定的字段
    public string name { get; set; }

    // 下拉选项的数据源集合
    public IEnumerable<SelectListItem> NameOptions { get; set; }
}

2. 控制器中赋值数据源 #

在对应Action方法里，给下拉选项数据源赋值（可以是数据库查询结果，也可以硬编码示例数据）：

public ActionResult YourAction()
{
    var model = new YourModel();
    // 示例：硬编码生成下拉选项，实际项目可替换为数据库查询逻辑
    model.NameOptions = new List<SelectListItem>
    {
        new SelectListItem { Text = "选项1", Value = "value1" },
        new SelectListItem { Text = "选项2", Value = "value2" },
        new SelectListItem { Text = "选项3", Value = "value3" }
    };
    return View(model);
}

3. 修改视图代码 #

根据你的ASP.NET MVC版本，选择以下两种方式之一：

方式一：使用Tag Helper（推荐ASP.NET Core MVC） #

替换原文本框代码为如下下拉列表代码，注意asp-items指向模型中的选项集合：

<div class="form-group">
    @Html.LabelFor(model => model.name, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <select asp-for="name" asp-items="@Model.NameOptions" class="form-control">
            <option value="">请选择</option> <!-- 可选的默认提示选项 -->
        </select>
        @Html.ValidationMessageFor(model => model.name, "", new { @class = "text-danger" })
    </div>
</div>

方式二：使用Html辅助方法（兼容传统ASP.NET MVC） #

如果是老版本ASP.NET MVC，使用DropDownListFor更稳妥：

<div class="form-group">
    @Html.LabelFor(model => model.name, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownListFor(model => model.name, Model.NameOptions, "请选择", new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.name, "", new { @class = "text-danger" })
    </div>
</div>

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