javascript - 在 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

Working fiddle .

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

请改用通用类。