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

Saving HTML form XML with user input values to javascript variable?

本文关键字：保存 XML javascript 变量 表单 HTML 用户 输入      更新时间：2023-11-06

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

有办法做到这一点吗？

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

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

相关文章：