Как получить данные с формы, которая находится в цикле?

Question

[crack_user]

Есть форма, которая находится в цикле -

<? 
    $query = $pdo->query("SELECT `ID` FROM `orders`");
    while ($row = $query->fetch(PDO::FETCH_ASSOC)) {
    ?>
    <form id="form">
            <input value="<?=$row['ID']?>" type="hidden" name="ID" id="ID">
            <input type="submit" value="Изменить" class="filter_all order-item__btn">
     </form>

И есть ajax код, для отправки этой формы -

$(document).ready(function () {
        $('#form').submit(function(e) {
          e.preventDefault();
          $.ajax({
              url: './php/send.php',
              type: 'GET',
              data: $(form).serialize(),
              success: function(response) {
                  $('.filter_data').html(response);
              }            
          });
        });
 });

Я получаю в итоге это-

http://localhost/shop/php/send.php?ID=31&ID=32&ID=33

Как мне получить значение того инпута, который находится в форме, которую я отправил? т.е получить нужный ID, а не все.
В пример, нажал на инпут, со значение ID=32, мне отправилась форма с ID=32, если нажму на ID=31, то отправляется форма с ID=31

Answer 1

[Дмитрий]

<input value="<?=$row['ID']?>" type="hidden" name="ID[]" id="ID">

Comments

[crack_user]

Не помогло

http://localhost/shop/php/send.php?ID%5B%5D=31&ID%5B%5D=32&ID%5B%5D=33

[Дмитрий]

crack_user, ровно помогло. У вас теперь $_GET['ID'] - массив и содержит несколько значений.

http://localhost/shop/php/send.php?ID[]=31&ID[]=32&ID[]=33

$_GET['ID'][0] = 31, $_GET['ID'][1]=32, $_GET['ID'][2]=33 - в том же цикле обходите и делаете то что вам надо

[crack_user]

Дмитрий, Понял, принял

Answer 2

[AUser0]

Интересно, а почему вы отправляете данные какой-то $(form).serialize(), когда вам доступен event, для которого и делается submit?

Comments

[Артем]

Если у тебя форма в цикле, то должна быть уникальная идентификация форм, а у тебя получается все формы с id=form плюс интпуты тоже с одинаковым id.

$(document).ready(function () {
        $('form').submit(function(e) {
          const $submitedForm = $(this)
          e.preventDefault();
          $.ajax({
              url: './php/send.php',
              type: 'GET',
              data: $submitedForm.serialize(),
              success: function(response) {
                  $('.filter_data').html(response);
              }            
          });
        });
 });