jquery - 同一类jquery的多种形式

Question

我得到了多个表单，通过使用一些 jquery 代码来刷新单个 div，如下所示。它指的是表单的类，因此所有表单的代码都是相同的。问题是，它只接受最后一个表单的输入并将其发送到 div，无论单击什么表单。他们应该发送所有不同的信息，具体取决于单击的表单按钮。

  $(document).ready(function(){
    $(".formlistmenu").validate({

    submitHandler: function(form) {
        // do other stuff for a valid form
       $.post('listmenu.php', $(".formlistmenu").serialize(), function(data) {
          $('#select').html(data);
        });
      }
    });
 });


 <form name="myform1" class="formlistmenu" action="" method = "post"> 
 <input type="hidden" name="selectstuff" value ="resources">
 <input type="image" SRC="resources.gif" title="resources">
 </form>

 <form name="myform2" class="formlistmenu" action="" method = "post">
 <input type="hidden" name="selectstuff" value ="items">
 <input type="image" SRC="resources.gif" title="resources">
 </form>

Answer 1

尝试这个

$(".formlistmenu").each(function(){
       $(this).validate({
     submitHandler: function(form) {
        // do other stuff for a valid form
       $.post('listmenu.php', $(this).serialize(), function(data) {
          $('#select').html(data);
        });
      }
    });
});