Question

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

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

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

Answer 1

如果你有两个以上的表格，并且只想要提交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代码...

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

如何创建按钮单击输入

2 个答案: