使用共享SelectList时DropDownListFor选中值异常同步问题求助

嘿，这个问题我之前踩过坑！本质原因是ASP.NET里的SelectList是带状态的——它内部会记录选中项的值，当你把同一个SelectList实例传给两个下拉控件时，第一个下拉渲染时会修改这个实例的选中状态，第二个下拉复用它的时候，就会直接继承这个已经被改动过的状态，哪怕你绑定的第二个属性是空的，也会跟着选中第一个的那个值。

给你几个靠谱的解决办法，按推荐程度排序：

1. 直接用无状态的数据源（最推荐） #

别在ViewModel里存SelectList，改成存List<SelectListItem>或者其他IEnumerable<SelectListItem>类型的数据源。然后在视图里直接把这个数据源传给下拉控件，框架会自动根据你绑定的属性值来匹配选中项，完全不会有状态污染的问题。

比如修改你的ViewModel：

public class ExampleViewModel 
{
    public string PrimarySelectedValue { get; set; }
    public string SecondarySelectedValue { get; set; }
    // 存数据源，不是SelectList
    public List<SelectListItem> Options { get; set; }
}

如果是用Razor的HtmlHelper：

@Html.DropDownListFor(m => m.PrimarySelectedValue, Model.Options, "请选择")
@Html.DropDownListFor(m => m.SecondarySelectedValue, Model.Options, "请选择")

如果是ASP.NET Core的Tag Helper：

<select asp-for="PrimarySelectedValue" asp-items="@Model.Options"></select>
<select asp-for="SecondarySelectedValue" asp-items="@Model.Options"></select>

这种方式最简洁，也从根源上避免了状态冲突的问题。

2. 为每个下拉创建独立的SelectList实例 #

如果一定要用SelectList，那给每个下拉单独创建新的实例，不要复用同一个。比如在视图里每次生成新的：

@Html.DropDownListFor(m => m.PrimarySelectedValue, 
    new SelectList(Model.OptionsDataSource, "Value", "Text", Model.PrimarySelectedValue), 
    "请选择")

@Html.DropDownListFor(m => m.SecondarySelectedValue, 
    new SelectList(Model.OptionsDataSource, "Value", "Text", Model.SecondarySelectedValue), 
    "请选择")

这里的OptionsDataSource是你ViewModel里的原始数据源（比如List<string>或者实体列表），每次创建SelectList时都传入对应的选中值，这样两个实例互相独立，不会干扰。

为什么之前的写法会出问题？ #

再啰嗦一句：SelectList的设计是单次使用的，它的SelectedValue属性是实例级的，一旦被设置（比如第一个下拉渲染时），后续复用这个实例的控件都会用这个值，不管你绑定的属性是什么。所以复用同一个SelectList必然会导致状态污染。

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