游戏商店Web库存更新页数据传递异常及多选实现求助

单选按钮问题根源 #

你遇到的问题是循环生成表单元素时，相同name的字段（比如dateSold、retail）会被浏览器覆盖，仅保留最后一个元素的值。SKU和ID能正常传递，大概率是因为你把它们绑定到了单选按钮的value里，而其他字段是独立的隐藏输入框，没有和单选按钮的选中状态关联。

单选按钮修复方案 #

前端HTML修改 #

循环生成条目时，给每个条目的数据字段加上以条目ID为索引的数组命名，同时统一单选按钮的name为selected_id，值设为条目ID：

<?php while ($row = mysqli_fetch_assoc($result)): ?>
<div class="inventory-item">
  <input type="radio" name="selected_id" value="<?php echo $row['ID']; ?>" required>
  <!-- 用数组形式存储每个条目的数据，索引为条目ID -->
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][sku]" value="<?php echo htmlspecialchars($row['SKU'], ENT_QUOTES); ?>">
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][dateSold]" value="<?php echo htmlspecialchars($row['dateSold'], ENT_QUOTES); ?>">
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][retail]" value="<?php echo htmlspecialchars($row['retail'], ENT_QUOTES); ?>">
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][tax]" value="<?php echo htmlspecialchars($row['tax'], ENT_QUOTES); ?>">
  
  <!-- 页面展示内容 -->
  <p>SKU: <?php echo htmlspecialchars($row['SKU'], ENT_QUOTES); ?></p>
  <p>零售价: <?php echo htmlspecialchars($row['retail'], ENT_QUOTES); ?></p>
</div>
<?php endwhile; ?>

后端PHP接收 #

提交后，通过选中的ID从数组中提取对应数据：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $selectedId = $_POST['selected_id'];
  $itemData = $_POST['item_data'][$selectedId];
  
  // 提取字段
  $sku = $itemData['sku'];
  $dateSold = $itemData['dateSold'];
  $retail = $itemData['retail'];
  $tax = $itemData['tax'];
  
  // 执行库存更新逻辑
}

多选（复选框）实现方案 #

如果需要支持批量更新，可改用复选框：

前端HTML修改 #

把单选按钮改成复选框，name设为selected_ids[]（数组形式），数据字段命名和单选方案一致：

<?php while ($row = mysqli_fetch_assoc($result)): ?>
<div class="inventory-item">
  <input type="checkbox" name="selected_ids[]" value="<?php echo $row['ID']; ?>">
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][sku]" value="<?php echo htmlspecialchars($row['SKU'], ENT_QUOTES); ?>">
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][dateSold]" value="<?php echo htmlspecialchars($row['dateSold'], ENT_QUOTES); ?>">
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][retail]" value="<?php echo htmlspecialchars($row['retail'], ENT_QUOTES); ?>">
  <input type="hidden" name="item_data[<?php echo $row['ID']; ?>][tax]" value="<?php echo htmlspecialchars($row['tax'], ENT_QUOTES); ?>">
  
  <p>SKU: <?php echo htmlspecialchars($row['SKU'], ENT_QUOTES); ?></p>
  <p>零售价: <?php echo htmlspecialchars($row['retail'], ENT_QUOTES); ?></p>
</div>
<?php endwhile; ?>

后端PHP接收 #

遍历选中的ID，逐个处理数据：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  if (!empty($_POST['selected_ids'])) {
    foreach ($_POST['selected_ids'] as $id) {
      $itemData = $_POST['item_data'][$id];
      $sku = $itemData['sku'];
      $dateSold = $itemData['dateSold'];
      $retail = $itemData['retail'];
      $tax = $itemData['tax'];
      
      // 对每个选中条目执行更新逻辑
    }
  }
}

额外注意事项 #

• 所有动态输出的字段必须用htmlspecialchars()转义，防止XSS攻击；
• 若需添加交互效果（比如选中时高亮条目），可给每个条目容器绑定单选/复选框的change事件。

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