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

}); 

불행히도 그것은 내가 정적 폼 이름 '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' /> 

에게

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

}); 

자바 스크립트를