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

Question

我有form1，其中包含多个输入字段（text，select，radion和textarea）。在那里的按钮叫做复制。当用户点击它时，它会复制来自form1的所有字段的数据。

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

Answer 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' ) );