jQuery获取提交的表单值

Question

我有2个表单，此表单具有相同的输入字段（相同名称）

$("#first-form, #second-form").submit(function(event) {

$('#name').val()

});

在我的示例中，我得到第一个表单输入值，我需要获取提交的表单值。

我也使用$(this)('#name').val()，但这种方法不起作用。

如果我有2个相同的表单，如何获取提交的表单输入值。

Answer 1

$('form').submit(function(event) {
    $(this).find('[name=yourfieldsname]').val();
});

应该这样做。

Answer 2

        $("#first-form, #second-form").submit(function(event) {
            $('#'+$(this).attr('id')+' #name').val();
        });

Answer 3

一旦您纠正了（显然）具有重复ID的问题，您就可以仅在提交的表单中选择具有给定名称的输入，如下所示：

$('form').submit(function() {
    var name = $('[name="name"]', this).val();
});

submit事件处理程序this内部是指触发事件的表单（即提交的表单），$(selector, element)等同于$(element).find(selector)仅搜索元素内部与匹配选择器的元素。