如何创建按钮单击输入

时间:2014-10-09 12:18:11

标签: javascript jquery ajax

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

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

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

  

只需为您的表单提供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>