如何存储表格中所用按钮的ID？附PHP代码示例

首先得先修正你代码里的一个小问题——你的按钮ID和onclick参数里的PHP代码没加echo，所以根本不会输出Product_ID的值哦！先把这部分改对：

<?php while($row = mysqli_fetch_array($results)){ ?>
<tbody>
  <tr>
    <td><?php echo $row['Product_ID'] ?></td>
    <td><?php echo $row['Product_Name'] ?></td>
    <td><?php echo $row['Product_Price'] ?></td>
    <td><?php echo $row['Product_Stock'] ?></td>
    <td>
      <!-- 修正：加上echo，给ID加前缀避免全局重复 -->
      <button type="submit" name="add" id="add-btn-<?php echo $row['Product_ID'] ?>" onclick="func(<?php echo $row['Product_ID'] ?>)"> Add </button>
    </td>
  </tr>
<?php } ?>
</tbody>

接下来给你几种常用的存储/传递按钮对应Product_ID的方案：

1. 用HTML5 data-* 属性（推荐，语义化） #

这种方法不需要依赖按钮的ID，直接把产品ID存在按钮的自定义数据属性里，后续JS或后端都能轻松获取：

<button type="button" name="add" data-product-id="<?php echo $row['Product_ID'] ?>" onclick="func(this)"> Add </button>

对应的JS函数可以这样写：

function func(button) {
  const productId = button.dataset.productId;
  console.log("要添加的产品ID：", productId);
  // 这里可以做你需要的操作，比如发AJAX请求
}

2. 配合隐藏表单字段（适合表单提交场景） #

如果你的按钮是用来提交表单的，可以在每行里加一个隐藏输入框，把产品ID存进去，提交表单时后端就能直接拿到：

<form method="post" action="your-handler.php">
  <tbody>
    <?php while($row = mysqli_fetch_array($results)){ ?>
    <tr>
      <td><?php echo $row['Product_ID'] ?></td>
      <!-- 其他列... -->
      <td>
        <input type="hidden" name="product_id" value="<?php echo $row['Product_ID'] ?>">
        <button type="submit" name="add"> Add </button>
      </td>
    </tr>
    <?php } ?>
  </tbody>
</form>

后端your-handler.php里获取的代码：

if(isset($_POST['add'])) {
  $productId = $_POST['product_id'];
  // 处理添加逻辑，比如加入购物车等
}

3. 在按钮name属性中嵌入ID #

如果不想用隐藏字段，也可以把产品ID直接嵌在按钮的name属性里：

<button type="submit" name="add_<?php echo $row['Product_ID'] ?>"> Add </button>

后端处理时，可以遍历POST参数来判断哪个按钮被点击：

foreach($_POST as $key => $value) {
  if(str_starts_with($key, 'add_')) {
    $productId = str_replace('add_', '', $key);
    // 处理逻辑
    break;
  }
}

这些方案都能帮你完美存储和传递按钮对应的产品ID，根据你的实际场景选就行啦～

内容的提问来源于stack exchange，提问作者Osama Zaman