使用 jQuery 或 Javascript 从一个表单复制数据并将其粘贴到多个表单答案

【问题标题】：Copy data from one Form and paste it to mutiple Forms using jQuery or Javascript使用 jQuery 或 Javascript 从一个表单复制数据并将其粘贴到多个表单
【发布时间】：2014-05-13 02:30:02
【问题描述】：

我有 form1，其中包含多个输入字段（文本、选择、radion 和 textarea）。在称为复制的按钮的末尾。当用户点击它时，它会从 form1 的所有字段中复制数据。

我在不同的页面中还有三到四个表单，其中包含与 form1 同名的输入字段。在每个表单的最后都有一个名为 populate 的按钮。当用户单击 form1 字段中的填充按钮数据时，需要填写相应的表单字段。

【问题讨论】：

所有这些表单都在同一个页面上..??如果不是在数据库中存储表单值是不可能的。
@YashPatel 你是正确的。如果您使用的是 ASP 或 PHP，您可以将它们保存在 Session 变量中。否则，您将不得不使用数据库，或者可能是 cookie（我不确定这是否可能或如何可能）。

标签： javascript jquery

【解决方案1】：

如果您愿意将自己限制为兼容 HTML 5 的浏览器，您可以使用 DOM 存储机制来保存您的数据，然后将其填充到以下页面：

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

http://coding.smashingmagazine.com/2010/10/11/local-storage-and-how-to-use-it/

您可以先尝试使用 sessionStorage 看看是否满足您的需求，因为它会在浏览器会话结束后清除。请注意，DOM Storage 只接受字符串，因此您需要在保存对象之前对其进行字符串化：

var obj = { somekey: 'someValue' };
//store an item
sessionStorage.setItem( 'obj', JSON.stringify( obj ) );

//now get it back out somewhere else
var obj = JSON.parse( sessionStorage.getItem( 'obj' ) );

【讨论】：