使用DropDownListFor时为数组结构下拉列表设置值的正确方法

针对多下拉列表场景的3种可行实现方案 #

方案1：拆分视图模型（最推荐，符合MVC约定）

完全不需要定义IEnumerable<IEnumerable<SelectList>>这种冗余又难维护的嵌套集合，你只需要拆出一个单下拉对应的视图模型即可：

// 单个下拉对应的视图模型
public class SingleDropdownVM
{
    // 存储当前下拉的选中值
    public int SelectedValue { get; set; }
    // 当前下拉的选项集合
    public IEnumerable<SelectListItem> Options { get; set; }
}

// 页面对应的主视图模型
public class MainPageVM
{
    // 所有下拉列表的集合，有几个下拉就加几个元素
    public List<SingleDropdownVM> DropdownList { get; set; }
}

视图层直接用for循环绑定即可，不需要手动修改任何SelectListItem的Selected属性，DropDownListFor会自动匹配SelectedValue的值设为默认选中项：

@for (int i = 0; i < Model.DropdownList.Count; i++)
{
    @Html.DropDownListFor(m => m.DropdownList[i].SelectedValue, Model.DropdownList[i].Options, "请选择")
}

这种写法结构清晰，后续加验证、加联动逻辑都很方便，是官方推荐的标准实现。

方案2：用SelectList构造函数指定选中值（适合选项集合复用的场景）

如果多个下拉的选项是共用的，不需要单独存储多份选项集合，你可以直接在调用DropDownListFor的时候，通过SelectList的构造函数传入当前下拉的选中值即可，完全不需要手动修改全局选项的选中状态：

<!-- 假设SelectedValues是存储所有下拉选中值的数组，CommonOptions是共用的选项集合 -->
@for (int i = 0; i < Model.SelectedValues.Length; i++)
{
    @Html.DropDownListFor(m => m.SelectedValues[i], new SelectList(Model.CommonOptions, "Value", "Text", Model.SelectedValues[i]), "请选择")
}

这个方案不需要额外定义视图模型，适合简单场景快速实现。

方案3：手写原生HTML（适合复杂自定义场景）

如果你的下拉有很多自定义属性、联动逻辑、特殊样式需求，确实可以直接写原生HTML，比绕HTML助手的规则更简单：

@for (int i = 0; i < Model.SelectedValues.Length; i++)
{
    <select name="SelectedValues[@i]" class="custom-dropdown">
        <option value="">请选择</option>
        @foreach (var opt in Model.CommonOptions)
        {
            <option value="@opt.Value" @(opt.Value == Model.SelectedValues[i] ? "selected" : "")>
                @opt.Text
            </option>
        }
    </select>
}

这种写法完全可控，没有HTML助手的隐式绑定规则，适合复杂交互的场景。

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