如何在提交表单时使用JavaScript为表单添加更多输入标记值_Javascript_Forms

如何在提交表单时使用JavaScript为表单添加更多输入标记值

javascript forms

如何在提交表单时使用JavaScript为表单添加更多输入标记值,javascript,forms,Javascript,Forms,我有一个页面，其中可能有超过1个表单，如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Page</title> </head> <body> <form id="form1">

我有一个页面，其中可能有超过1个表单，如下所示

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Page</title>
    </head>
    <body>
        <form id="form1">
            <input type="text" name="fname1" />
            <input type="submit" />
        </form>
        <form id="form2">
            <input type="text"  name="fname2"/>
            <input type="submit" />
        </form>
        <form id="form3">
            <input type="text" name="fname3" />
            <input type="submit" />
        </form>

        <script>
             var formsx = document.forms.length; 
             for (i= 0; i < formsx; i++) {
                 form = document.forms[i];
                 form.addEventListener("submit", function(evt){
               /// alert("form action");
               });
             }
        </script>
    </body>
</html>


页
var formsx=document.forms.length；
对于（i=0；i


每当用户使用经典Javascript提交表单时，我想添加一个隐藏值（）。如果有任何表单提交，则应添加新的隐藏值。因此，在后端，POST请求将有两个“name”和“hidden”参数值，而不是上面脚本中的一个。我只想用JavaScript编写代码。请让我知道如何操作，提前谢谢。
您只需要使用document.createElement
和appendChild
：
form.addEventListener("submit", function(evt){
  var input = document.createElement("input");
  input.setAttribute("type", "hidden");
  input.setAttribute("name", newName);
  input.setAttribute("value", "value");
  form.appendChild(input);
  return true;
});

您只需要使用document.createElement
和appendChild
：
form.addEventListener("submit", function(evt){
  var input = document.createElement("input");
  input.setAttribute("type", "hidden");
  input.setAttribute("name", newName);
  input.setAttribute("value", "value");
  form.appendChild(input);
  return true;
});

注意，最初我有document.getElementById（“form1”）.appendChild。既然您已经对所讨论的表单有了句柄，那么变量“form”也应该可以工作。当我使用它时，它确实可以工作。新参数没有传递到form.note，我原来有document.getElementById（“form1”）.appendChild。既然您已经对所讨论的表单有了句柄，那么变量“form”也应该可以工作。当我使用它时，它确实可以工作。新参数未传递到窗体。