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

时间:2016-04-02 11:00:00

标签: javascript jquery html ajax save

目前我现在有一个来自JSON数据库的表单呈现。 我想要做的是将带有输入值的Form 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>

有没有办法做到这一点?

1 个答案:

答案 0 :(得分:0)

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

<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/