在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

使用document.querySelectorAll它将提供所有元素。 这将给出一个静态节点列表，然后使用forEach从每个项目中获取值

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

})

Answer 2

您在代码中还有另一个问题。 从技术上讲，您不能让按钮具有相同的 id，但我要做的是将 id 传递给 deleteCookieTest 函数。 这样您就不必遍历 DOM。

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