ASP.NET MVC编辑操作中回显已绑定州/城市下拉框问题

控制器代码核心问题 #

代码执行顺序错误：先基于空的StudentViewModel实例设置ViewBag.City，之后才从API加载真实学生数据覆盖model，导致ViewBag.City始终基于初始空值生成，无法匹配编辑对象的真实州ID。

修正后的控制器代码 #

public async Task<IActionResult> Edit(int? id)
{
    StudentViewModel model = new StudentViewModel();

    ViewBag.title = "Edit Student";
    ViewBag.button = "Update";
    ViewBag.action = "Edit";
    // 先加载所有州选项
    ViewBag.States = GetState(string.Empty);

    HttpResponseMessage response = await client.GetAsync(client.BaseAddress + "/GetStudents/" + id);
    if (response.IsSuccessStatusCode)
    {
        string data = await response.Content.ReadAsStringAsync();
        model = JsonConvert.DeserializeObject<StudentViewModel>(data);
        // 加载真实model后，用实际StateId获取对应城市
        ViewBag.City = GetCities(model.StateId);
    }
    else
    {
        // API请求失败时返回空城市列表，避免视图报错
        ViewBag.City = new List<CityDto>(); // 替换为你实际的城市数据类型
    }
    
    return View("Create", model);
}

注意：将同步的.Result替换为await，符合异步方法最佳实践，避免死锁；移除了无用的StudentTables students实例。

视图代码核心问题 #

1. Model.CityId != 0分支缺少<select>标签，直接写<option>导致HTML结构错误
2. 循环生成城市选项时，value和显示文本均为空，无法正确绑定值
3. 冗余的分支判断，ASP.NET MVC的asp-for会自动匹配选中项，无需手动拆分逻辑

修正后的视图代码 #

<div class="form-group">
    <label asp-for="StateId" class="control-label"></label>
    <select asp-for="StateId" class="form-control" asp-items="@(new SelectList(ViewBag.States, "StateId", "StateName"))">
        <option value="">--Select State--</option>
    </select>
    <span asp-validation-for="StateId" class="text-danger"></span>
</div>

<div class="form-group">
    <label asp-for="CityId" class="control-label"></label>
    <select asp-for="CityId" class="form-control" asp-items="@(new SelectList(ViewBag.City, "CityId", "CityName"))">
        <option value="">--Select City--</option>
    </select>
    <span asp-validation-for="CityId" class="text-danger"></span>
</div>

说明：

• 使用asp-items绑定下拉选项，ASP.NET MVC会自动根据Model.StateId和Model.CityId匹配选中项，无需手动设置selected属性
• 确保GetState和GetCities返回的集合包含对应ID和名称字段（如StateId/StateName、CityId/CityName），字段名不同需替换为实际名称

额外优化建议 #

• 若需实现州选择后动态加载城市，可添加AJAX代码监听州下拉框变化，异步请求对应城市并更新城市下拉框
• 给GetState和GetCities方法添加空值判断，避免返回null导致视图报错

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