javascript - 动态 JQuery 表单提交多个表单

Question

我有 PHP 来搜索数据库，然后为找到的每个结果回显 html 表单。这些内容通过 AJAX 加载到 HTML 主页面中，并在文档加载时加载到 div 中。

现在我希望每个提交的表单都有监听器。它们都有相同的输入。 每个表单都有一个递增的处理器 ID(processor1、processor2、processor3 等)。

因此，根据结果，可能只有 1 个表格或 50 个表格。是否有一种动态的方式来执行表单提交函数，而不是编写无数重复的函数？

Answer 1

如果你有

<form id="form1">
<form id="form2">

您可以使用类选择器

<form id="form1" class="forms">
<form id="form2" class="forms">

在 jQuery 中:

$(function() {
 $('.forms').submit(function(e){
   e.preventDefault(); //Prevent submit
   console.log($(this)); //Current form submiting

   //Make ajax call for current form
 })
})

如果您需要每个表单的额外数据，您可以使用数据属性

<form id="form2" class="forms" data-myattr="myvalue">

然后得到它

...
$(this).data('myattr'); //myvalue
...