jquery - 表不保留选择

Question

我正在使用向导方法。

在第一个屏幕中，我使用逻辑突出显示表的行。用户移动到第二个屏幕/页面，现在要求用户填写文本框并提交表单。提交表单后，当用户返回到第一个屏幕/页面时，行不再突出显示。

请分享一些如何保留表格行选择的代码，即使我从一个页面移动到另一个页面，然后返回同一页面。我不想使用插件

Answer 1

如果您正在加载新页面，您的 javascript 上下文将被重置；您无法“记住”从一页到下一页的值。

所以，选项:

1) 不要重新加载页面；有多个部分(例如 div)并使用 javascript 显示/隐藏不同的部分(可能涉及也可能不涉及 ajax，并且不需要是选项卡式界面)。在这种情况下，您可以将选定的行存储在 JavaScript 变量中。

2) 重新加载页面，但将所选行发布到服务器并在那里记住它们(例如在 session 中)，并在返回第一页时再次选择它们。在不知道您在服务器端使用什么(例如 PHP、Java)的情况下，无法提供有关如何执行此操作的更多详细信息，但想法是使用 javascript 将选定的行放入 POST 数据中，例如通过为选定的行设置隐藏字段。

3) 让您正在加载的各种“屏幕”位于 iframe 内，并将第一个屏幕中选定的行存储在父页面上下文中的 javascript 变量中(从不重新加载)。如果内页和外页都在同一个域中，则可以执行此操作。