如何在标签之间切换时保留表单数据？

Question

设定：

主页上有2个标签：

• 标签1有一个用户填写的表单。
• 然后他点击了Tab 2.
• 然后他回到第1栏。

问题：

当用户返回选项卡1时，他填写的所有数据都将丢失。

有没有办法保存表单数据？

作为旁注，标签1有一个“提交”按钮。单击后，“提交”按钮也会清除表单，但有一个选项 - preventDefault()，我们可以通过该选项控制其默认行为并在单击后保留用户输入的数据。只是想知道标签是否有类似内容？

更新1：

我可以通过简单地参考选项卡1上的字段名称来访问选项卡2上用户输入的数据。所以我猜数据不会丢失。

更新2：

代码：http://www.jsfiddle.net/pnuJT

Answer 1

您需要在设置标签时指定cache选项。

$( ".selector" ).tabs({ cache: true });

每次在它们之间切换时，它都会阻止标签插件重新加载标签内容。

jQuery UI Tab Options

Answer 2

你提到你在评论中使用jQuery标签，但jsfiddle没有包含它。你确定你使用的是这个：

http://jqueryui.com/demos/tabs/

使用这样的插件可以很容易地解决您的问题。主要问题是您正在重新加载页面。