while循环中input元素id冲突问题：如何为所有input设置相同id？

嘿，先给你划个重点——HTML里的id属性必须是全局唯一的，所以你没法给循环里的所有input设置相同的id哦，这是HTML的硬性规则，违反的话会导致JS选择元素、样式匹配等各种奇怪的bug（比如浏览器只会识别第一个带这个id的元素）。不过别担心，我们可以用两种简单的方式解决你的问题，同时避开id冲突：

方案1：给每个input生成唯一的id #

既然你已经有$fetch["id_prod"]这个唯一的产品ID，直接用它来拼接id就好，这样每个input的id都是独一无二的：

<input class="form-control" type="text" onchange="opert(<?php echo $fetch["id_prod"] ?>,1)" id="name-<?php echo $fetch["id_prod"] ?>" value="<?php echo $fetch["name_prod"]; ?>">

比如产品ID是1，id就变成name-1；ID是2，就是name-2，完美避免冲突。

方案2：直接传递当前input元素（甚至可以不用id） #

看你的代码，已经在onchange里传了产品ID，其实完全可以不用依赖id，直接把当前input元素传给函数，这样操作起来更方便：
首先修改input的onchange事件：

<input class="form-control" type="text" onchange="opert(<?php echo $fetch["id_prod"] ?>,1, this)" value="<?php echo $fetch["name_prod"]; ?>">

然后在你的JavaScript函数里，直接通过第三个参数拿到当前input元素：

function opert(prodId, num, inputElement) {
  // 比如获取当前input的值
  const currentValue = inputElement.value;
  // 你的其他业务逻辑...
}

这种方式连id都省了，代码更简洁，也完全不会有冲突问题。

总结一下：千万别试图给多个元素设置相同的id，这会给自己挖大坑。上面两种方案都能完美解决你的问题，选哪种看你后续有没有需要通过id单独操作某个input的需求~

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