具有相同提交功能的多个表单

时间:2012-06-14 10:40:30

标签: jquery forms post

我的网页上有很多产品的多个表单,并希望将这些提交代码用于所有产品:

$('#myform').submit(function() { 
    var queryString = $(this).formSerialize(); 

alert(queryString);
$.ajax
            ({
                type: "POST",
                url: someurl,
                dataType: "jsonp",
                contentType:"charset=utf-8",
                data: queryString

             });
    return false; 
}); 

这适用于像#myform这样的id,但它不适用于类。(仅适用于页面上的第一个表单)我宁愿不给每个表单一个唯一的id。

即使我有所有表单的ID,我还需要添加大量的jquery代码才能使其动态运行。

2 个答案:

答案 0 :(得分:3)

使用

$('form').submit(function(){
// your code
});

答案 1 :(得分:1)

选择元素而不是使用ID有很多选择,例如eq()

$('form:eq(0)').submit(function(){ // it selects first form on the page
   ...
});

http://api.jquery.com/category/selectors/