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

Question

Currently right now I have a form rendering from a database from JSON. What I want to do is store the Form html with the input values into a javascript variable. Is there anyway that this would be possible?

Here would be a simple example..

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

So the user would input the word "test". I then would want to store the following

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

Would there be a way of doing this?

Answer 1

You can manually build the string one piece at a time like this based on your form:

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

});

Fiddle: https://jsfiddle.net/rdawkins/eusrhy47/21/