填写tab2后，将内容保留在tab1上

Question

从附图中看，该页面有一个标签菜单。填写选项卡1上的信息后，然后填写选项卡2.完成填充tab2后，tab1上的内容丢失，因为填写tab2后页面刷新

我的问题是如何在填写tab2后将内容保留在tab1上？

更新

如果填写tab2后页面未刷新，则内容将保留在tab1上。但是，由于某种原因，代码中需要页面刷新。

Answer 1

诀窍是将两个HTML放在一页上，不刷新。 您可以隐藏未显示的那些，并显示那个，并且填充的内容将保持不变。

如果您真的想通过某种刷新来实现，那么当您转到下一页并在下一页上阅读时，您应该将所有数据保存在cookie中（使用JavaScript）。

当然还有更多的解决方案，为了更具体，我们需要了解有关页面如何构建的更多信息。

Answer 2

好的，既然你提到（并且显然我没有看到那部分）页面被刷新，那么你正在处理一个多阶段的表格。

如果您控制了服务器端（我假设您在标记PHP后执行了操作），当您单击下一个（或下一个选项卡）时执行的操作，将您要离开的选项卡的数据存储在{{3最好在“部分”中使用，$_SESSION['form']['part1']以便于访问。当您继续使用表单时，您将部分附加到$_SESSION['form']。当您尝试访问时，如果它具有与该选项卡中的字段相关的数据

，则检查该部分

$_SESSION['mytabs'] = array(
    'tab1' => array (
        'field1' => 'value1,
        'field2' => 'value2,
        'field3' => 'value3
    ),
    'tab2' => array (
        'field1' => 'value1,
        'field2' => 'value2,
        'field3' => 'value3
    ),
);