ASP.NET MVC中基于EF Code First双表结构保存下拉列表值

别担心！新手阶段遇到关联表的下拉保存问题太正常了，我来一步步帮你搞定这个需求～

第一步：确认模型间的关联关系 #

首先你的Article模型需要和Category建立多对一的关联（一篇文章属于一个分类，一个分类可以有多篇文章），所以要给Article添加外键和导航属性：

public class Article
{
    public int Id { get; set; }
    public string Title { get; set; }
    // 你的其他文章属性...
    
    // 分类外键（必须和Category的主键字段名对应，这里Category主键是Id，所以外键用CategoryId）
    public int CategoryId { get; set; }
    // 导航属性，用于EF的关联查询
    public virtual Category Category { get; set; }
}

public class Category
{
    public int Id { get; set; }
    public string Name { get; set; }
    // 可选：反向导航属性，方便从分类查询所属文章
    public virtual ICollection<Article> Articles { get; set; }
}

第二步：在GET Create方法中传递分类列表到视图 #

要让下拉框有选项，你需要在打开Create页面时，把所有分类数据传到视图里，这里用ViewBag是新手友好的方式：

public ActionResult Create()
{
    // 获取数据库中所有分类
    var categoryList = db.Categories.ToList();
    // 把分类转换成SelectList，参数分别是：数据源、选项的value值（Category.Id）、选项的显示文本（Category.Name）
    ViewBag.CategoryId = new SelectList(categoryList, "Id", "Name");
    return View();
}

第三步：在视图中渲染绑定好的下拉框 #

在Create视图里，用DropDownListFor助手生成下拉框，并且绑定到Article的CategoryId属性上：

<div class="form-group">
    @Html.LabelFor(model => model.CategoryId, "文章分类", new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <!-- 第三个参数是默认提示文本，比如"请选择分类" -->
        @Html.DropDownListFor(model => model.CategoryId, (SelectList)ViewBag.CategoryId, "请选择分类", new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.CategoryId, "", new { @class = "text-danger" })
    </div>
</div>

第四步：完善HttpPost Create方法保存数据 #

现在表单提交时，选中的分类ID会自动绑定到Article对象的CategoryId属性里，你只需要正常保存即可，注意验证失败时要重新传递分类列表，避免下拉框为空：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "Id,Title,CategoryId,...")] Article article)
{
    if (ModelState.IsValid)
    {
        db.Articles.Add(article);
        db.SaveChanges();
        return RedirectToAction("Index");
    }
    
    // 验证失败时，重新加载分类列表并保持用户之前选中的分类
    var categoryList = db.Categories.ToList();
    ViewBag.CategoryId = new SelectList(categoryList, "Id", "Name", article.CategoryId);
    return View(article);
}

额外注意点 #

• 确保你的Category表已经有数据，不然下拉框会没有选项哦！
• 如果想更规范，可以使用ViewModel来传递数据（把Article属性和分类列表都放在一个ViewModel里），不过新手先用ViewBag快速实现功能也没问题。
• 可以给Article的CategoryId添加[Required]特性，强制用户必须选择分类：

  [Required(ErrorMessage = "请选择文章分类")]
  public int CategoryId { get; set; }
  

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