jquery работа с той же кнопкой формы над циклом

Question

Я пытаюсь разрешить jquery принять данные формы и отправить их на flask, который я уже заполнил. Тем не менее, 2 вопроса:

1. он принимает только первую форму, то есть одну и ту же форму (с одинаковыми идентификаторами повторяются для каждого элемента, и я хочу, чтобы все они были в состоянии отправить).
2. когда происходит любая отправка, это происходит так, как это было в форме первого элемента.

HTML:

{{element[i]}}
{% if model == 'vsm' %}
    <form id="judgeForm">
        <button name="judge" id="accept" value="accept"> Relevant</button>
        <button name="judge" type="submit" id="reject" value="reject">Not Relevant</button>
    </form>
    <div id="successAlert" class="alert alert-success" role="alert" style="display:none;"></div>
{% endif %}

jQuery:

$(document).ready(function() {
   $('form[id="judgeForm"]').on('click', function(event) {
      event.preventDefault();
      $.ajax({
            data: {
               accept: $('#accept').val(),
               reject: $('#reject').val(),
            },
            type: 'POST',
            url: '/judge'
         })
         .done(function(data) {
            $('#accept').hide();
            $('#reject').hide();
            $('#successAlert').text(data.msg).show();

         })
      // $('form[id="judgeForm"]').reset();
   });
});

Каждый элемент [ я] имеет форму, однако jquery принимает только первую, и после ее отправки все другие формы блокируются, что я попытался исправить, сбросив форму в конце, но я не слишком уверен, почему это не так т работа. Также, когда jquery принимает только первое, что, например, элемент [5] передан, форма для элемента [0] является той, которая активирована.

Я пытался использовать .each также с jquery, но он не работал, и поэтому я опубликовал свою ближайшую работу и, возможно, есть другой способ обойти это.

Большое вам спасибо!

Answer 1

Попробуйте установить уникальный идентификатор для каждой формы. Использование одинакового идентификатора для каждой формы заставит jquery / javascript выбрать первую.