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

Question

我有 form1，其中包含多个输入字段(text、select、radion 和 textarea)。末尾有一个名为“复制”的按钮。当用户单击它时，它会复制 form1 的所有字段中的数据。

我在不同页面中还有另外三到四个表单，其中包含与 form1 名称相同的输入字段。每个表单的最后都有一个名为“填充”的按钮。当用户单击 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 来查看是否满足您的需求，因为它会在浏览器 session 结束后清除。请注意，DOM 存储仅接受字符串，因此您需要在保存对象之前对对象进行字符串化:

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