.NET Core Razor页面Select列表回发后无法重置问题

兄弟，这个问题我之前也踩过坑！核心原因是Razor的asp-for标签助手有个优先级规则：它会优先读取ModelState里的值，而不是直接用你PageModel里设置的属性值。

你看，当你点击Search提交表单后，ModelState里已经存了选中的Gender值（比如Male）。之后点击ClearSearch，你虽然把Gender设成了空字符串，但ModelState里的旧值还没被清除，所以下拉框渲染的时候还是会用ModelState里的Male，导致看起来没重置，只有页面上的@Model.Gender标签显示为空。

给你几个可行的解决方案：

方案一：移除单个字段的ModelState值 #

只清除Gender对应的ModelState条目，适合只重置单个字段的场景：

public async Task<ActionResult> OnPostClearSearch() {
    Gender = "";
    ModelState.Remove("Gender"); // 把Gender的旧值从ModelState里删掉
    InitSearchList();
    return Page();
}

方案二：清除全部ModelState值 #

如果需要重置多个表单字段，可以直接清空整个ModelState：

public async Task<ActionResult> OnPostClearSearch() {
    Gender = "";
    ModelState.Clear(); // 清除所有提交过的表单值
    InitSearchList();
    return Page();
}

方案三：覆盖ModelState中的值 #

也可以直接把Gender对应的ModelState值设为空，效果和移除差不多：

public async Task<ActionResult> OnPostClearSearch() {
    Gender = "";
    ModelState.SetModelValue("Gender", new ValueProviderResult("", null));
    InitSearchList();
    return Page();
}

修改之后再测试：点击ClearSearch时，ModelState里的旧Gender值被处理掉，asp-for就会读取你设置的空字符串，下拉框就会回到默认的未选中状态，和页面上的@Model.Gender标签保持一致啦！

简单说下原理：ASP.NET Core的ModelState是用来存表单提交后的验证信息和用户输入值的，目的是验证失败时保留用户输入，提升体验。但重置场景下，我们得主动清理它，才能让页面显示我们期望的重置状态。

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