Отправить несколько форм с jQuery php mysql

Question

У меня есть страница для ответа/вопроса. Я получаю список вопросов для администратора. admin см. это. теперь мне нужно отправить ответ на каждый вопрос. поэтому я для каждого вопроса поставил textarea и форму с сообщением. теперь мне нужно, когда вы отправляете ответ на вопросное сообщение, если отправить сообщение внешним файлам php = true; удаления сообщения (ID) (эффект слайдов jquery). для этого у меня есть jquery submit form code (без страницы обновления), но у меня есть большая проблема. это работало ТОЛЬКО с одной формой! и не работал для всех форм списка (вопрос + форму ответа). как сработал мой код для нескольких форм? Я выбрал правильный путь?

HTML код:

<form action="insert.php?id=42" id="forms" method="POST" name="form"> 
<div id="box"> 
<div class="messagequestion"></div> 
<div class="messagereply"><textarea></textarea><input type="submit" class="submit" name="submit" value="submit"></div> 
</div> 
</form> 
<form action="insert.php?id=45" id="forms" method="POST" name="form"> 
<div id="box"> 
<div class="messagequestion"></div> 
<div class="messagereply"><textarea></textarea><input type="submit" class="submit" name="submit" value="submit"></div> 
</div> 
</form> 
<form action="insert.php?id=48" id="forms" method="POST" name="form"> 
<div id="box"> 
<div class="messagequestion"></div> 
<div class="messagereply"><textarea></textarea><input type="submit" class="submit" name="submit" value="submit"></div> 
</div> 
</form> 
<form action="insert.php?id=50" id="forms" method="POST" name="form"> 
<div id="box"> 
<div class="messagequestion"></div> 
<div class="messagereply"><textarea></textarea><input type="submit" class="submit" name="submit" value="submit"></div> 
</div> 
</form> 

Благодаря

Answer 1

Ваш основной проблемой является, вероятно, что вы пытаетесь повторно использовать идентификаторы. Все формы имеют идентификатор "forms", и вы также делитесь идентификатором "box".

Все идентификаторы должны однозначно идентифицировать элемент. Используйте класс, когда вам нужно классифицировать элемент. Я бы порекомендовал вам изменить id="forms" по всем формам на class="reply_form", а затем также изменить id="box" на все лидеры на class="reply_box". Затем измените стили, установленные для #forms и #box, на те, которые установлены для .reply_form и .reply.

EDIT - настройки, сделанные в jsfiddle после некоторого обсуждения с OP.

http://jsfiddle.net/gvnfg/5/

Answer 2

использование Jquery .each() метод:

$(document).ready(function() { 
    $('#forms').each(function() { 

     this.submit(function() { 
      $.ajax({ ... }); 
     }); 
    }); 

}) 

Answer 3

просто изменить селектор. id атрибут должен быть уникальным в HTML

$("[name='form']").submit(function() { 
    $this = $(this);  
    $.ajax({ 
     type: 'POST', 
     url: $(this).attr('action'), 
     data: $(this).serialize(), 
     cache: false,  
     beforeSend: function() { 
      $('#loading').show(); 
      $('#result').hide(); 
     }, 
     success: function(data) { 
      if(data==1){ 
       $('#loading').hide(); 
       $('#result').fadeIn('slow').html("ok"); 
       $('#result').addClass('true'); 
       $this.slideUp(1000); 
      } 
     else { 
      $('#loading').hide(); 
      $('#result').fadeIn('slow').html(data); 
      $('#result').addClass('errors'); 
     }} 
    }); 
    e.preventDefault(); 
    return false; 
});