如何在intut上创建单击按钮

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

如果你有两个以上的表单并且只想提交其中的两个，那么它们必须有一个共同的部分，比如一个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

只提供form.for示例的ids：

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