Php 选项卡式窗格中的表格

我有这样的东西

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1">
        <p>Tab 1 content</p>
    </div>
    <div id="tabs-2">
        <p>Tab 2 content</p>
    </div>
    <div id="tabs-3">
        <p>Tab 3 content</p>
    </div>
</div>

而不是内容选项卡1内容。。。在每个选项卡中，我都需要表格。所有3个选项卡中的表的结构都是相同的，只是内容随MySQL查询而变化。查询结果可能有数千行

我该怎么做呢？我对Javascript和PHP非常陌生

---

谢谢

您想要实现的基本目标是：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1">
        <table> <!-- Rest of the table1 --> </table>
    </div>
    <div id="tabs-2">
        <table> <!-- Rest of the table2 --> </table>
    </div>
    <div id="tabs-3">
        <table> <!-- Rest of the table3 --> </table>
    </div>
</div>

您可以使用PHP代码创建这些表，我假设您已经查询了数据库，并且数据位于变量$rows中：

<div id="tabs-1">
  <table>
  <?php foreach ($rows as $data) 
      { 
        echo "<tr>";
        echo "<td>". $data['attribute1'] . "</td><td>". $data['attribute2'] . "</td>""; 
        echo "</tr>";
      } 
  ?>
  </table>
</div>

不过，上面的代码并不完整，您可以根据需要添加表头、用CSS装饰等等。但是使用这种方法，您必须为每个表重复代码。因为您说过在所有三个选项卡中都有相同的表结构，所以可以自己在循环中创建div标记。在这种情况下，您将有：

for(loop as many tabs you want) {
    echo "<div id='tabs-'".index.">";

    /* Query DB and get the data into $rows variable */

    foreach ($rows as $data) { 
            echo "<tr>";
            echo "<td>". $data['attribute1'] . "</td><td>". $data['attribute2'] . "</td>""; 
            echo "</tr>";
          } 

    echo "</div>";
}

---

同样，你需要按照你的要求进行装饰。这些代码片段应该可以帮助您开始

可以轻松创建和访问选项卡。它有一个用于执行您描述的操作的函数。

您有一个包含查询结果的php变量吗？没有。我想单击选项卡，然后将其保存到数组中。第一个选项卡的查询应该在页面加载时运行并填充表。在这种情况下，为什么不在用户激活选项卡时使用ajax加载数据？