在PHP循环中使用javascript onclick

Question

我正在尝试将一个简单的数量输入框加减1，如下图所示可能会有所不同：

PHP：

$query = ...
while ($row= mysqli_fetch_array($query)) 
{
     <input type="hidden" value="<?php echo $row['id']; ?>" id="id_part">
     <input type="text" value="<?php echo $row['quantity']; ?>" id="<?php echo $row['id']; ?>_count"><br>
     <input type="button" value="-" id="minus" onclick="minus()">
     <input type="button" value="+" id="plus" onclick="plus()">
}

Javascript：

<script>
     var count = 1;
     var id = document.getElementById("id_part").value;
     var countEl = document.getElementById(id + "_count");
     function plus(){
      count++;
      countEl.value = count;
     }
     function minus(){
      if (count > 1) {
       count--;
       countEl.value = count;
      }  
     }
</script>

没用 我只需要第一个id数量框。无法管理ID应当不同的第二个数量框。如您所见，我为每个id标记分配了不同的名称，这些名称取自数据库id。

Answer 1

工作提琴。

发生这种情况是因为当id属性应该唯一时，您具有重复的ID 。

请改用通用类。