如何重置@Html.DropDownListFor选中值至初始提示文本？

问题根源 #

ASP.NET MVC的DropDownListFor控件有优先级读取规则：它会优先从ModelState（包含请求表单数据、RouteData等）中获取选中值，而非直接使用ViewModel属性或SelectListItem的Selected标记。点击清空按钮提交表单后，之前选中的SelectedOccupation值仍残留在ModelState中，导致下拉框无视默认选中设置，继续显示旧值。

解决步骤 #

1. 清除ModelState中的残留值
   在控制器的重置筛选逻辑里，必须移除ModelState中对应SelectedOccupation的键，确保控件不会读取旧值：

// 重置ViewModel的选中属性
vm.SelectedOccupation = string.Empty;
// 移除ModelState中的旧值，这是关键步骤
ModelState.Remove("SelectedOccupation");
// 重新加载职业选项列表
ViewBag.Occupations = _mapRepository.GetOccupations(string.Empty);

2. 优化下拉选项生成逻辑
   无需手动给SelectListItem设置Selected属性，DropDownListFor会自动根据ViewModel的SelectedOccupation值匹配选中项，手动设置反而容易引发冲突。同时建议将默认选项的Value设为空字符串，和ViewModel的空值对应，避免用文本作为Value导致匹配异常：

public IList<SelectListItem> GetOccupations(string currentOccupation)
{
    var occupations = _MapsContext.OccupationDesignations.OrderBy(e => e.Occupation).ToList();
    var occupationList = new List<SelectListItem>
    {
        new SelectListItem
        {
            Value = string.Empty,
            Text = "Select Occupation/Designation"
        }
    };

    foreach (var item in occupations)
    {
        occupationList.Add(new SelectListItem
        {
            Value = item.Occupation,
            Text = item.Occupation
        });
    }

    return occupationList;
}

3. 调整视图代码
   下拉框的placeholder属性多数浏览器不支持（下拉框无原生placeholder），可直接移除；确保控件绑定逻辑正确：

@Html.DropDownListFor(m => m.SelectedOccupation, (IEnumerable<SelectListItem>)ViewBag.Occupations, new { onchange = "form.submit();", style = "width:170px" })

额外说明 #

如果重置操作是通过GET请求实现的，ModelState不会保存表单值，此时只需重置ViewModel的SelectedOccupation为空即可；但如果是POST请求，必须执行ModelState.Remove操作清除旧值。

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