Javascript 如何在浏览器上保持窗体条件“返回”和“前进”按钮单击

我使用的是使用HTML5的Grails2.4.2版本。我有一些基于某些条件的表单元素。如区，塔纳。当我选择区域时，我将隐藏thana，当我选择thana时，我将隐藏区域。它很好用。但当我单击浏览器的“返回”按钮时，它会同时显示两个字段。当用户单击浏览器的“返回”按钮时，我希望保持表单元素的状态。我不知道如何实施它。有人能帮我吗？

将会话的所有字段存储在localStorage中，然后在加载页面时，使用JavaScript从localStorage加载所有内容

位置更改时保存状态

加载页面时使用状态

---

饼干起作用了。我会使用localStorage，因为它会为会话保存它。知道如何保存状态和使用iTunes本机浏览器api吗。cookie或localStorage。或者，如果已经使用jQuery，请选中PersistjQuery插件。它提供了与“键值”格式相同的功能这是相当模糊的。我个人认为这可能设计得不好。您可以提供jQueryUI选项卡并取消返回/前进的需要。尽管如此，使用jquery序列化表单并将其与您一起使用可能是一种选择，但仍然比目前所述的（缓存等）简单得多。如果他们单击next，那么您肯定是在捕获它，所以存储它并提供自己的返回按钮，通过grails而不是javascript缓存重新生成它。我会这样做的