javascript - JQuery 用文本替换表单元素

Question

我遇到的情况是，我需要在提交之前将表单填写的数据转换为文本。

例如，表单可能有一个姓名字段和一个电子邮件字段。我将在表单中填写详细信息，然后当我单击“导出为文本”时，我需要以文本格式获取 html 的内容

name = <input type="text" name="name" /> <!-- user enters "john" -->
email = <input type="text" name="email" /> <!-- user enters a@b.com -->

当我导出时我需要

name = john
email = a@b.com

目前，我正在使用此代码进行转换。但问题是，一旦我转换，我就无法回到之前的状态。

$("#btn").click(function(){
   $('.replace').replaceWith(function(){
       return this.value
    });
});

所以，我的想法是，我将在 div 标签中显示输出。但如果我尝试

document.getelementByID("parentdiv").value

我无法获取表单值。

请问有什么建议吗？

更新:

序列化未按预期工作。上面是一个小例子。表单非常复杂，我需要将表单值直观地呈现到其标签。

Answer 1

$x = $('form').serialize();

这将为您提供一串可以轻松使用的元素和值，它旨在用作 JSON，但是出于您的预期目的，它应该很容易摆弄。

它会给你类似的输出

姓名=约翰&x=y