如何在 .Net MVC 中使用 Array 的内容填充 DropDown？

Posted 2023-03-27

【中文标题】如何在 .Net MVC 中使用 Array 的内容填充 DropDown？

【英文标题】：How can I populate a DropDown with the contents of an Array in .Net MVC?

【发布时间】：2021-11-23 05:16:26

【问题描述】：

这可能非常明显，但我对 MVC（和一般 C#）非常陌生，我就是想不通。

我有一个 viewModel，其中包含有关项目的几位数据，然后使用 @foreach 将其显示在视图上的表格中。

我想设置一个过滤器，以便只显示属于指定项目的数据。我已经通过使用@foreach 为 viewModel 中存在的每个不同的 ProjectName 创建一个新的过滤器按钮，想出了如何使用过滤器按钮来做到这一点：

<div class="btn-group">
    <button type="button" class="btn btn-default btn-filter" data-target="all">All</button>
    @foreach (var item in Model.Select(s => s.ProjectName).Distinct().ToArray())
    
        <button type="button" class="btn btn-default btn-filter" data-target="@item">@item</button>

    
</div>

实际的过滤是用我找到的 Chosen 和 jQuery 完成的，但我不知道如何将数据从创建按钮转移到填充下拉菜单。

我不想用每个可用的 ProjectName 填充 DropDown，因为有数百个，我只想要加载页面时 viewModel 中实际存在的那些。

我在网上找到的所有教程和指南都涉及创建更多 viewModel 和 List 类，如果可能的话我宁愿避免。

我错过了什么？

【参考方案1】：

我想通了！

我尝试使用 html Helpers，但使用 Chosen 您可以在 SELECT 语句中执行此操作：

    <select class="chosen-select" style="width:200px;">
    <option data-target="all">All</option>
    @foreach (var item in Model.Select(s => s.ProjectName).Distinct().ToArray())
     <option data-target="@item">@item</option>
    
    </select>