选择下拉框后值显示为null的问题排查（附视图与控制器代码）

可能原因 #

• ViewBag键名与模型属性名冲突：asp-for="CityId"和ViewBag.CityId使用了相同名称，会干扰ASP.NET Core的模型绑定机制，导致选中值无法正确映射到模型属性。
• 数据源为空：如果_context.Cities没有数据，生成的SelectListItem集合为空，下拉框无有效选项，提交后自然返回null。

解决方法 #

1. 修改ViewBag键名，避免绑定冲突
   控制器代码调整：

   IEnumerable<SelectListItem> citylist = _context.Cities.Select(u => new SelectListItem 
   { 
       Text = u.Name.ToString(), 
       Value = u.CityId.ToString() 
   });
   ViewBag.Cities = citylist; // 将键名从CityId改为Cities，避免和模型属性重名
   

   视图对应修改asp-items的绑定目标：

   <div class="form-group">
       <label asp-for="CityId" class="control-label"></label>
       <select asp-for="CityId" class="form-control" asp-items="@ViewBag.Cities"></select>
   </div>
   

2. 添加默认提示选项（可选）
   为下拉框添加空提示选项，既提升用户体验，也能明确区分“未选择”和“选择无效值”的场景：

   <div class="form-group">
       <label asp-for="CityId" class="control-label"></label>
       <select asp-for="CityId" class="form-control" asp-items="@ViewBag.Cities">
           <option value="">请选择城市</option>
       </select>
   </div>
   

3. 验证数据源有效性
   在控制器中添加调试逻辑，确认数据库查询结果是否正常：

   var cityData = _context.Cities.ToList();
   // 调试时检查cityData是否有数据，若为空需排查数据库连接或数据初始化问题
   IEnumerable<SelectListItem> citylist = cityData.Select(u => new SelectListItem 
   { 
       Text = u.Name.ToString(), 
       Value = u.CityId.ToString() 
   });
   ViewBag.Cities = citylist;
   

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