Ajax Huge Multiform Submit

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; 
    }); 

}); 

不幸的是，從各種形式的那些發佈所有數據，我怎麼可能從靜態形式名稱 '富' 和逃生靜態參數$（'form＃foo'）。 ？可以$（this）。有幫助嗎？

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; 
    }); 

});