使用ViewBag传递历史值至下拉列表，实现回发后值保留

我来帮你梳理几个关键环节，确保你的下拉列表在回发（或者页面跳转）后能正确记住之前的选中项：

1. 控制器端：正确传递并保留选中值 #

首先要确保在处理请求的Action里，把用户选中的Topic值准确存入ViewBag.previous，同时必须重新传入topicList（因为回发后ViewBag不会自动保留之前的集合数据）。

如果是通过表单POST回发：

[HttpPost]
public ActionResult YourAction(string selectedTopic)
{
    // 这里处理你的业务逻辑
    // 把用户选中的Topic存入ViewBag
    ViewBag.previous = selectedTopic;
    // 重新加载Topic列表，确保视图能拿到数据
    ViewBag.topicList = GetAllTopics(); // 替换成你获取Topic列表的方法
    return View();
}

如果是通过下拉列表的onchange跳转（GET请求）：

public ActionResult Categories(string topic)
{
    // 从路由参数中获取选中的Topic，存入ViewBag
    ViewBag.previous = topic;
    ViewBag.topicList = GetAllTopics();
    return View();
}

2. 视图端：修复选中状态的冲突问题 #

你当前的视图代码里，第一个默认选项（"Topic"）的selected属性是固定的，这会和动态生成的选项冲突——如果ViewBag.previous有值，动态选项会标记selected="selected"，但浏览器可能会优先渲染第一个固定选中的选项，导致显示错误。

修改后的视图代码：

<select name="selectedTopic" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);" id="" class="filter-select">
    <!-- 只有当没有选中任何Topic时，才选中默认选项 -->
    <option value="" @(string.IsNullOrEmpty(ViewBag.previous) ? "selected" : "")>Topic</option>
    @{
        string selectedOption = ViewBag.previous;
        foreach (var topic in ViewBag.topicList)
        {
            <option value="/resources/categories/@topic" @(topic == selectedOption ? "selected" : "")>@topic</option>
        }
    }
</select>

另外注意给select标签加上name属性（比如name="selectedTopic"），这样控制器才能通过表单或路由正确获取选中的值。

3. 进阶优化：改用强类型ViewModel（更可靠） #

用ViewBag虽然快捷，但容易出现空引用或类型不匹配的问题，推荐使用强类型ViewModel来传递数据：

首先创建ViewModel类：

public class ResourceViewModel
{
    public string SelectedTopic { get; set; }
    public List<string> TopicList { get; set; }
}

控制器里返回ViewModel：

public ActionResult Categories(string topic)
{
    var viewModel = new ResourceViewModel
    {
        SelectedTopic = topic,
        TopicList = GetAllTopics()
    };
    return View(viewModel);
}

视图里绑定ViewModel：

@model ResourceViewModel

<select name="SelectedTopic" onchange="..." class="filter-select">
    <option value="" @(string.IsNullOrEmpty(Model.SelectedTopic) ? "selected" : "")>Topic</option>
    @foreach (var topic in Model.TopicList)
    {
        <option value="/resources/categories/@topic" @(topic == Model.SelectedTopic ? "selected" : "")>@topic</option>
    }
</select>

这样代码更清晰，也能避免很多潜在的错误。

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