asp.net core 将选中tab中的Model传递到后台

Question

1.前台
前台是bootstrap的navtab,里面在div包了一个table,要将选中tab中的数据以model方式传递到后台，
但后台接到的始终是第一个选项卡tab中的model，不知如何传递选中的model？

2.后台
[HttpPost]
public IActionResult Update(Product pro)
{}
3.调试发现,不管选中哪个tab,Html页面程现的第一个tab始终为active
这里的代码是这样:

<div id="@product.DisplayName" class="container tab-pane active" style="margin:2px; font-size:20px;">

Answer 1

该回答引用ChatGPT
参考下面的代码

<!-- 前台HTML代码 -->
<div class="nav-tabs-custom">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li>
    <li><a href="#tab2" data-toggle="tab">Tab2</a></li>
  </ul>
  <div class="tab-content">
    <div id="tab1" class="tab-pane active">
      <div>
        <!-- 包含数据的Table -->
        <table>
          ...
        </table>
      </div>
    </div>
    <div id="tab2" class="tab-pane">
      <div>
        <!-- 包含数据的Table -->
        <table>
          ...
        </table>
      </div>
    </div>
  </div>
</div>

<!-- 后台C#代码 -->
[HttpPost]
public IActionResult Update(Product pro)
{
  // 处理选中的Tab中的数据
}