MVC5控制器传递List至视图：Razor下拉框语法问题求助

我之前做MVC5项目时，踩过不少Razor下拉框的坑，给你整理几个最实用的排查和解决方向：

1. 先确认后端数据传递是否正确 #

首先得保证控制器已经把下拉框的数据源正确传到视图，常用两种方式：

• 用ViewBag/ViewData传递：控制器里的代码要注意参数顺序和键名一致性

  // 控制器示例：数据源、值字段、显示字段
  ViewBag.CategoryList = new SelectList(db.Categories, "Id", "CategoryName");
  

• 用强类型ViewModel（更推荐，避免魔法字符串）：在ViewModel里定义下拉框属性，控制器赋值后传给视图

  // 自定义ViewModel
  public class ProductFormVM
  {
      public int SelectedCategoryId { get; set; } // 存选中值的属性
      public SelectList CategoryOptions { get; set; } // 下拉框数据源
  }
  
  // 控制器赋值
  var vm = new ProductFormVM();
  vm.CategoryOptions = new SelectList(db.Categories, "Id", "CategoryName");
  return View(vm);
  

2. 正确使用Razor下拉框辅助方法 #

强类型推荐：Html.DropDownListFor #

如果用ViewModel，视图里要对应绑定模型属性：

@model ProductFormVM

@Html.DropDownListFor(m => m.SelectedCategoryId, Model.CategoryOptions, "请选择分类", new { @class = "form-control" })

参数说明：第一个是绑定的选中值属性，第二个是数据源，第三个是默认提示选项，第四个是自定义HTML属性（比如样式）。

弱类型场景：Html.DropDownList #

用ViewBag传递数据时，要保证键名完全匹配：

@Html.DropDownList("CategoryList", "请选择分类", new { @class = "form-control" })

3. 常见错误排查要点 #

• 下拉框只显示默认提示、无选项：先在视图里直接输出@ViewBag.CategoryList或@Model.CategoryOptions，检查控制器的数据源查询是否返回了空集合，或者传递时键名写错了。
• 编辑页面选中值不回显：如果是编辑场景，要确保控制器给绑定属性（比如SelectedCategoryId）赋了对应的值，或者构造SelectList时传入了选中值参数：

  vm.CategoryOptions = new SelectList(db.Categories, "Id", "CategoryName", product.CategoryId);
  

• 提交后选中值没绑定到模型：检查模型的绑定属性名和下拉框生成的name属性是否一致（DropDownListFor会自动匹配，手动修改HTML属性时容易出错）。

4. 枚举转下拉框的快捷方式 #

如果下拉框选项是枚举类型，不用手动构造SelectList，可以用EnumHelper：

@Html.DropDownListFor(m => m.OrderStatus, EnumHelper.GetSelectList(typeof(OrderStatusEnum)), "请选择状态")

记得先在视图顶部引用@using System.Web.Mvc.Html命名空间。

内容的提问来源于stack exchange，提问作者ER.Cons