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

Question

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

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

因此，根据结果，它可能少至一个表格或 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
...