将带有用户输入值的 HTML 表单 XML 保存到 javascript 变量？

Question

目前我有一个来自 JSON 数据库的表单呈现。 我想要做的是将带有输入值的表单 html 存储到 javascript 变量中。 无论如何，这可能吗？

这是一个简单的例子..

<form method="post">
<input type="text">
<input type="submit" value="Submit">
<button 
</form>

所以用户会输入单词“test”。然后我想存储以下内容

<form method="post">
<input type="text" value="test">
<input type="submit" value="Submit">
<button 
</form>

有没有办法做到这一点？

Answer 1

您可以根据您的表单一次手动构建一个字符串：

<form>  
  <input id="input1" type="text">
  <input id="input2" type="text">
  <input id="input3" type="text">
  <input type="submit" id="submit" value="Submit">
</form>

jQuery：

$( document ).ready(function() {

  $("#submit").click(function(){
   var inputval1 = $("#input1").val();
   var inputval2 = $("#input2").val();
   var inputval3 = $("#input3").val();
     var value = '<form><input id="input1" type="text" value="'+inputval1+'" >';
         value += '<input id="input2" type="text" value="'+inputval2+'" >';
         value += '<input id="input3" type="text" value="'+inputval3+'" >';
         value += '<input type="submit" id="submit" value="Submit">';
         value += '</form>';
     alert(value);  
   })  

});

小提琴： https://jsfiddle.net/rdawkins/eusrhy47/21/