Question

我有一个加载的php页面默认显示一个表，该表是：

echo "<table class='tftable' border='1' id='table_L'>";

还有另一张表：

echo "<table class='tftable' border='1' id='table_P' style='display:none'>";

我通过以下javascript函数在页面上切换： function toggleTables（table_id）

{
    if(table_id == "table_L") {
        document.getElementById('table_L').style.display = "table";
        document.getElementById('table_P').style.display = "none";
        }
    else if(table_id == "table_P") {
        document.getElementById('table_P').style.display = "table";
        document.getElementById('table_L').style.display = "none";
    }
}

因此，根据用户点击的链接，它会显示相应的表格。但是我有一个基于选定值的表单在提交时提供表数据。问题是，如果用户选择默认隐藏的table_P，然后选择一些下拉值并提交表单，页面刷新并再次加载table_L。如何在页面重新加载后保持选择相同的表格？在表单提交时是否需要存储一些值才能记住？

<form method="post" action="">
selections...

<INPUT TYPE="submit" name="submit" title="Run It!" value="SUBMIT" />
</form>

Answer 1

您可以在表单中有一个隐藏字段，该字段知道当前哪个表可见。在提交时，使用来自客户端的表单数据来回显正确的表。

所以你的表格看起来像这样：

<form method="post" action="">
  ...
  <input type="hidden" name="tableid" value="table_P">
  <button type="submit">Submit</button>
</form>

而在服务器端，帖子正文将包含表格的名称，您将打印正确的表格。

表单提交后保持切换表

1 个答案: