javascript使用一个按钮提交多个表单

在我的HTML中,我有多个表单(文本输入,单选按钮,复选框和选择)和一个​​按钮。 我想填写所有这些表格并将值发送到我的PHP文件。 现在我正在尝试从文本输入中提交值并选择,但我现在卡在了这一点。

我有一个js提交文件:

submitForms = function(){ document.getElementById("form1").submit(); document.getElementById("form2").submit(); } 

我的表单是这样的:SELECT:

  
-- vyberte oblasť --

文字输入表格+按钮:

  

但这不起作用。 你能帮我吗? 谢谢

只提交一份表格会更容易。 您可以通过指定form =“your-form-id”为您的select和input标签指定相同的表单名称。

这是一个原生Javascript实现的简单示例。

    Multiform - JAVASCRIPT   
Form 1
Form 2
Form 3

你可以试试这个。 如果提交所有表格对您的页面是好的

  $('form').submit(); 

实际使用中的function:

 function trySubmitAllForms() { if ($('.saveSpinner').is(':visible')) { return; } if ($('form').valid()) { $('.saveSpinner').show(); $('form').submit(); } else { showValidationErrorMessages(); } } 

一旦您提交了一个表单,您的页面会在提交表单后重新加载或终止javascript,以便更好地使用Ajax同时提交多个表单

用jquery

 $("#sub").click(function(){ $("form").each(function(){ var fd = new FormData($(this)[0]); $.ajax({ type: "POST", url: "solve.php", data: fd, processData: false, contentType: false, success: function(data,status) { //this will execute when form is submited without errors }, error: function(data, status) { //this will execute when get any error }, }); }); }); 

当您单击id为sub的按钮时,上面的代码将提交每个表单