Question

我想从同一页面上的大量表单中提交单个表单，即我点击提交按钮的表单。

HTML：

<form id='foo'>
<input type=radio name='1' value='Y'>
<input type='submit' id='submit' value='Send' />
</form>

<form id='foo'>
<input type=radio name='2' value='Y'>
<input type='submit' id='submit' value='Send' />
</form>

...

<form id='foo'>
<input type=radio name='20000' value='Y'>
<input type='submit' id='submit' value='Send' />
</form>

AJAX DOM

$(document).ready(function() {

    $('form#foo').submit(function(e){
        e.preventDefault(); // prevents the default action (in this case, submitting the form)
        $.post(
            'ajax.php',
            $('form#foo').serialize()
        );
        return false;
    });

});

不幸的是，它将所有表格中的所有数据发布在1，我怎么能从静态表单名称'foo'和静态参数$（'form＃foo'）中逃脱。？可以$（这个）。有帮助吗？

Answer 1

您不能多次使用相同的ID。试试这个..

<form class='foo'>
<input type=radio name='1' value='Y'>
<input type='submit'  value='Send' />

<form class='foo'>
<input type=radio name='2' value='Y'>
<input type='submit'  value='Send' />

...

<form class='foo'>
<input type=radio name='20000' value='Y'>
<input type='submit'  value='Send' />

的Javascript

$(document).ready(function() {

    $('form.foo').submit(function(e){
        e.preventDefault(); 
        //get the data from this form.
        var formData = $(this).serialize();
        $.post(
            'ajax.php',
            formData
        );
        return false;
    });

});

Ajax巨大的Multiform提交

1 个答案: