ASP.NET MVC 如何实现数据库绑定同时显示邮编与城市的下拉列表

你当前的问题是SelectList构造时指定的显示字段仅为City，因此下拉选项仅展示城市名称，按照以下步骤修改即可实现需求：

方法1：控制器内直接拼接显示文本（无需修改实体类） #

1. 修改控制器Create方法 #

将原来直接查询Cities生成SelectList的逻辑，改为先投影出拼接后的显示字段：

public ActionResult Create()
{
    // 投影出包含邮编和城市拼接文本的匿名类
    var cityOptions = db.Cities.Select(c => new 
    {
        ZipCode = c.ZipCode,
        ShowText = c.City + " " + c.ZipCode
    }).ToList();
    // 值字段用ZipCode，显示字段用拼接后的ShowText
    ViewBag.ZipCode = new SelectList(cityOptions, "ZipCode", "ShowText");
    return View();
}

2. 修改视图下拉列表代码 #

在DropDownList方法中增加第三个参数，传入默认提示文本：

<div class="form-group">
    @Html.LabelFor(model => model.ZipCode, "Cities", htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @* 第三个参数为默认提示文本 *@
        @Html.DropDownList("ZipCode", null, "Select city", htmlAttributes: new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.ZipCode, "", new { @class = "text-danger" })
    </div>
</div>

方法2：实体类增加只读属性（适合多处复用的场景） #

如果多个页面都需要用到城市+邮编的展示格式，可以直接在Cities实体类中增加只读的拼接属性，避免重复写拼接逻辑：

1. 修改Cities实体类 #

public partial class Cities
{
    [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2214:DoNotCallOverridableMethodsInConstructors")]
    public Cities()
    {
        this.Customer = new HashSet<Customers>();
    }

    public string ZipCode { get; set; }
    public string City { get; set; }
    // 新增只读的拼接属性
    public string CityWithZip => $"{City} {ZipCode}";

    [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2227:CollectionPropertiesShouldBeReadOnly")]
    public virtual ICollection<Customers> Customer { get; set; }
}

2. 修改控制器Create方法 #

直接使用新增的属性作为显示字段即可：

public ActionResult Create()
{
    ViewBag.ZipCode = new SelectList(db.Cities, "ZipCode", "CityWithZip");
    return View();
}

视图修改逻辑和方法1完全一致。

两种方案最终生成的下拉选项值都是ZipCode，原有提交逻辑不需要做任何修改，完全符合你用邮编作为唯一标识的要求。

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