MVC视图动态过滤时，如何从模型获取唯一选项填充下拉框？

这个坑我踩过好多次！你现在的问题根源很明确：当你执行过滤操作后，传给视图的Model已经是筛选后的数据集了，这时候再从它里面取Distinct()的ListId和ListName，自然只能得到当前显示的那些选项，而不是所有可选的过滤条件。

要解决这个问题，核心思路是把「用于生成下拉框的完整选项集合」和「过滤后的数据」分开传递，不能都依赖同一个Model。下面给你两种常用的实现方案：

方案一：用ViewBag传递完整选项（快速实现） #

在Controller里，先获取所有可选的List选项（不受过滤条件影响），存到ViewBag中，再处理过滤逻辑返回筛选后的Model：

public ActionResult YourAction(int? selectedListId)
{
    // 第一步：获取所有可用的List选项（从原始数据源取，不是过滤后的）
    var allListOptions = db.YourListTable
        .Select(s => new { s.ListId, s.ListName })
        .Distinct()
        .ToList();
    ViewBag.AllListOptions = allListOptions;
    // 把当前选中的过滤ID也存起来，方便视图保持选中状态
    ViewBag.SelectedListId = selectedListId;

    // 第二步：处理过滤逻辑，得到筛选后的数据集
    var filteredData = db.YourDataTable.AsQueryable();
    if (selectedListId.HasValue)
    {
        filteredData = filteredData.Where(x => x.ListId == selectedListId.Value);
    }

    return View(filteredData.ToList());
}

然后在视图里，遍历ViewBag中的完整选项集合来生成下拉框，同时处理选中状态：

<select name="selectedListId" onchange="this.form.submit()">
    <!-- 可选：添加「全部」选项 -->
    <option value="" @(ViewBag.SelectedListId == null ? "selected" : "")>-- 全部列表 --</option>
    @foreach (var item in (IEnumerable<dynamic>)ViewBag.AllListOptions)
    {
        <option value="@item.ListId" @(item.ListId == ViewBag.SelectedListId ? "selected" : "")>
            @item.ListName
        </option>
    }
</select>

方案二：用ViewModel封装（更规范，推荐） #

如果你的项目追求强类型和可维护性，建议创建一个专门的ViewModel，把过滤数据和完整选项都封装进去：

public class YourViewModel
{
    // 过滤后要展示的数据
    public IEnumerable<YourDataModel> FilteredData { get; set; }
    // 所有可选的List下拉选项
    public IEnumerable<SelectListItem> AllListOptions { get; set; }
    // 当前选中的过滤ListId
    public int? SelectedListId { get; set; }
}

在Controller中填充这个ViewModel：

public ActionResult YourAction(int? selectedListId)
{
    // 生成完整的下拉选项（用SelectListItem更适配MVC的下拉控件）
    var allListOptions = db.YourListTable
        .Select(s => new SelectListItem
        {
            Value = s.ListId.ToString(),
            Text = s.ListName
        })
        .Distinct()
        .ToList();

    // 处理过滤逻辑
    var filteredData = db.YourDataTable.AsQueryable();
    if (selectedListId.HasValue)
    {
        filteredData = filteredData.Where(x => x.ListId == selectedListId.Value);
    }

    // 组装ViewModel
    var viewModel = new YourViewModel
    {
        FilteredData = filteredData.ToList(),
        AllListOptions = allListOptions,
        SelectedListId = selectedListId
    };

    return View(viewModel);
}

视图中直接使用强类型的ViewModel，代码更安全易读：

@model YourViewModel

<select name="selectedListId" onchange="this.form.submit()">
    <option value="" @(Model.SelectedListId == null ? "selected" : "")>-- 全部列表 --</option>
    @foreach (var option in Model.AllListOptions)
    {
        <option value="@option.Value" 
                @(option.Value == Model.SelectedListId?.ToString() ? "selected" : "")>
            @option.Text
        </option>
    }
</select>

<!-- 渲染过滤后的数据 -->
@foreach (var item in Model.FilteredData)
{
    <p>@item.YourProperty</p>
}

这样不管你怎么过滤数据，下拉框都会保留所有可选的List选项，完美解决你遇到的问题！

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