Получить скрытое входное значение внутри цикла for для JavaScript

Question

У меня есть этот код на php

for ($i=0;$i<$myCounter;$i++) {
    $inum++; //showing only by the counter.
    echo "<hr>ID de Producto ".$inum.":".$dataReceive[$i]["Detalle"]["IDENDODET"];
    echo '
        <form method="POST">
            <input type="hidden" name="IDENDODET" id="IDENDODET" class="IDENDODET" value="'.$dataReceive[$i]["Detalle"]["IDENDODET"].'">
            <button type="button" id="Delete" name="Delete" style="border:0;background-color:yellow;" onclick="deletecookieTest()"/>Borrar este ID</button>
        </form>';
}

И я хочу, чтобы значение из IDENDODET отправлялось с нажатой кнопкой.Я пробовал это:

 var form = document.querySelector('input[name=IDENDODET]').value;

, но это дает мне только первое значение при нажатии кнопки вместо значения формы в частности.Например, независимо от того, какую кнопку я нажимаю ниже, я получаю «165» вместо «167», которое мне нужно позже, чтобы удалить этот раздел. вот как это выглядит

Answer 1

В коде есть еще одна проблема.У вас технически не может быть, чтобы у кнопки был такой же идентификатор, но я бы сделал так, чтобы идентификатор передавался в функцию deleteCookieTest.Таким образом, вам не нужно проходить через DOM.

<button type="button" name="Delete" style="border:0;background-color:yellow;" onclick="deletecookieTest('.$dataReceive[$i]["Detalle"]["IDENDODET"].')"/>
Borrar este ID
</button>

Answer 2

Используйте document.querySelectorAll , который выдаст все элементы.Это даст статический список узлов, а затем используйте forEach для получения значения от каждого элемента

document.querySelectorAll('input[name=IDENDODET]').forEach(function(elem){
  console.log(elem.value);

})