如何根据.cshtml中的不同下拉值显示不同的表格?

Posted

技术标签:

【中文标题】如何根据.cshtml中的不同下拉值显示不同的表格?【英文标题】:How to Show different tables based on different dropdown values in .cshtml? 【发布时间】:2021-10-24 03:43:07 【问题描述】:

我有一个 index.cshtml,它包含一个下拉菜单。 当我们从下拉列表中选择一个值时,它应该显示数据库中相应表的数据(所有表都有不同的列)。我怎样才能完成这项任务?

我对 C# 还很陌生,因此对如何为不同的表显示不同的视图感到困惑。

【问题讨论】:

能否分享代码示例以便清晰理解、修复等 这是一个简单的下拉列表和页面上的表格。当我从下拉列表中选择一个值时,它将从控制器中获取数据并更新表格内容。我怎样才能做到这一点?因为如果我刷新页面然后下拉值会丢失,它会再次显示表中的先前数据 【参考方案1】:

你可以尝试使用表单,当点击搜索按钮时,下拉列表的数据会传递给action,action会尝试根据下拉列表的数据返回一个列表:

索引视图:

<form method="post">
    Type:<select name="type">
         ...
         </select>
    <input type="submit" value="search" />
</form>
<table>
...
</table>

行动:

public IActionResult Index(string type="")

    //return a list according to the type

【讨论】:

以上是关于如何根据.cshtml中的不同下拉值显示不同的表格?的主要内容,如果未能解决你的问题,请参考以下文章

如何根据 laravel 中选定的下拉菜单显示表格内容

根据下拉值显示表格行

如何在EXCEL中设置下拉箭头筛选内容?

根据控制器指定不同的_Layout.cshtml

根据下拉列表的值隐藏和显示一行表格 - jquery

使用angularjs在html中的表格数据单元格上显示下拉列表