如何创建一个按钮点击 intut [重复]答案

【问题标题】：How create a button click on intut [duplicate]如何创建一个按钮点击 intut [重复]
【发布时间】：2014-12-04 08:57:48
【问题描述】：

我有两种不同的形式。他们每个人都有自己的提交按钮

<input type="submit" id="edit-submit" name="op" value="Submit" class="form-submit ajax-processed">

和

<input type="submit" id="edit-submit--2" name="op" value="Submit" class="form-submit ajax-processed">

我需要制作一个单独的按钮来单击这两个输入。我该怎么做？

【问题讨论】：

您现在需要什么？提交两个表单的按钮？
创建一个按钮，提交两个表单。
查看：stackoverflow.com/questions/7843355/… 和 stackoverflow.com/questions/9403160/…
我试试这样：<input type="button" value="Click Me!" onclick="submitForms()" /> <script language="javascript" type="text/javascript"> submitForms = function(){ document.getElementById("#edit-submit").submit(); document.getElementById("#edit-submit--2").submit(); } </script> 但它不起作用。
只提交第一个？对我来说听起来很正常

标签： javascript jquery ajax

【解决方案1】：

如果您有超过 2 个表单并且只希望提交其中的 2 个，那么它们必须有一个共同的部分，例如一个 css 类（这里没有样式，只有一个选择器）。

HTML 部分：

<form id="form1" class="myForm ..."/>
<form id="form2" class="myForm ..."/>
<input type="button" id="myButton" value="Submit both forms"/>

js:

$("#myButton").click(function(){
    $(".myForm").submit();
});

您可以添加任意数量的表单，如果他们有 myForm 类，他们也会被提交。无需更改您的 js 代码...

【讨论】：

表单有不同的 ID <form action="/second_vote" method="post" id="advpoll-form-122" accept-charset="UTF-8">

【解决方案2】：

只需为您的表单提供 ID。例如：

<form id="form1" class="myForm ..."/>
<form id="form2" class="myForm ..."/>

<input type="button" value="Click Me!" onclick="submitForms()" />

<script>
   submitForms = function(){
     document.getElementById("form1").submit();
     document.getElementById("form2").submit();
   }
</script>

【讨论】：