在表单提交中更改/添加表单值

在表单提交中，更改或添加表单值被序列化并发送到服务器的标准或最流行的方式是什么？我需要在它们发送之前更改/添加它们。在表单提交中更改/添加表单值

我发现了一些解决方案，但他们似乎都只是黑客。例如，这个人再次创造了这些价值，这不是明智的。就我而言，如果可能的话，我不想重新创建它们。

var serial = new Array(); 
var i = 0; 
$('.om input').each(function(){ 
    serial[i++] = $(this).attr('name')[0]+'='+$(this).html()[0]; 
}); 
serial.join('&');

来源

2014-07-11 アレックス

最佳例子：http://jsfiddle.net/sxGtM/3/ – Ash

http://stackoverflow.com/a/1186309/3660930 – Ash

@ user972，其中它显示如何**捕获**并更改数据？ –

试试这个，

<html> 
<head> 

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 

    <script type="text/javascript"> 
     function submitForm() 
     { 
      var queryParam = $("#myform").serialize(); 
      var inputArr = queryParam.split("&"); 
      var retObj = {}; 
      $.each(inputArr,function(key,value){ 
       retObj[value.split("=")[0]] = value.split("=")[1]; 
      }); 
      retObj.input1 = "newOne"; 
      retObj.newAttr = "newlyAddedValue"; 
      alert(jsObjToQueryStr(retObj)); 
     } 

     function jsObjToQueryStr(jsonObj) 
     { 
      var retStr = ""; 
      $.each(jsonObj,function(key,value){ 
       retStr += key+"="+value+"&"; 
      }); 
      if(retStr.length > 0) 
      { 
       return retStr.substr(0,retStr.length-1); 
      } 
      return retStr; 
     } 

    </script> 
</head> 
<body> 

<form id="myform" > 
    <input type="test" name="input1"/> 
    <input type="test" name="input2"/> 
    <input onclick="submitForm()" type="button" value="submit"/> 
</form> 

</body> 
</html>

来源

2014-07-11 06:58:12

它重新创建数据。 –

所以不是提交，它显示一个提醒？ –

我刚刚看到你如何创建数据并进行修改。您可以通过ajax调用来提交表单 –

在表单提交中更改/添加表单值

回答

相关问题