PHP数据库数据传递到URL异常：下拉框参数不匹配

• 循环生成表格行时，所有下拉框的事件处理函数共享了同一个case_number变量，或是用了重复的ID，导致点击任何一行的下拉框，都会拿到最后一行的case_number值。
• 另一种可能是下拉框的onchange事件没把当前行的case_number直接传入，而是触发事件时才去获取，这时候取到的通常是最后赋值的那个变量。

办法1：直接把case_number传给事件函数 #

修改表格生成代码，在下拉框的onchange事件里直接传入当前行的case_number：

// 假设你用PHP循环生成表格行，改成这样：
while ($row = mysqli_fetch_assoc($result)) {
    $case_number = $row['case_number'];
    // 转义防止XSS风险
    $safe_case = htmlspecialchars($case_number, ENT_QUOTES);
    echo "<tr>";
    echo "<td>{$row['case_number']}</td>";
    // 其他列内容...
    echo "<td>
            <select onchange='handleModify(\"{$safe_case}\")'>
                <option value=''>选择操作</option>
                <option value='modify'>修改</option>
                <!-- 其他选项 -->
            </select>
          </td>";
    echo "</tr>";
}

然后修改JS函数：

function handleModify(caseNumber) {
    if (caseNumber && event.target.value === 'modify') {
        window.location.href = "ModifyReport.php?case_number=" + caseNumber;
    }
}

办法2：通过DOM元素关联获取当前行的case_number #

不想直接传参数的话，可以给每行加个自定义属性，触发事件时从行元素里拿case_number：

while ($row = mysqli_fetch_assoc($result)) {
    $case_number = $row['case_number'];
    $safe_case = htmlspecialchars($case_number, ENT_QUOTES);
    echo "<tr data-case='{$safe_case}'>";
    echo "<td>{$row['case_number']}</td>";
    // 其他列内容...
    echo "<td>
            <select class='action-select'>
                <option value=''>选择操作</option>
                <option value='modify'>修改</option>
                <!-- 其他选项 -->
            </select>
          </td>";
    echo "</tr>";
}

然后用事件委托绑定JS（不用给每个下拉框单独绑定，更高效）：

// 找到表格，绑定change事件
document.querySelector('table').addEventListener('change', function(e) {
    const selectBox = e.target;
    // 判断是不是我们的操作下拉框，且选了modify
    if (selectBox.classList.contains('action-select') && selectBox.value === 'modify') {
        // 找到当前行，拿data-case里的case_number
        const caseNumber = selectBox.closest('tr').dataset.case;
        window.location.href = "ModifyReport.php?case_number=" + caseNumber;
    }
});

办法3：避免重复ID，给每个下拉框绑定独立事件 #

如果之前给所有下拉框用了同一个ID（比如id='action-select'），这会导致只有最后一个下拉框生效。可以改成给每个下拉框生成唯一ID，然后绑定事件：

while ($row = mysqli_fetch_assoc($result)) {
    $case_number = $row['case_number'];
    $safe_case = htmlspecialchars($case_number, ENT_QUOTES);
    $uniqueId = "action-select-{$safe_case}";
    echo "<tr>";
    echo "<td>{$row['case_number']}</td>";
    // 其他列内容...
    echo "<td>
            <select id='{$uniqueId}'>
                <option value=''>选择操作</option>
                <option value='modify'>修改</option>
                <!-- 其他选项 -->
            </select>
          </td>";
    echo "</tr>";
    // 输出绑定事件的JS
    echo "<script>
            document.getElementById('{$uniqueId}').addEventListener('change', function() {
                if (this.value === 'modify') {
                    window.location.href = 'ModifyReport.php?case_number={$safe_case}';
                }
            });
          </script>";
}

• 一定要用htmlspecialchars()转义case_number，避免XSS攻击风险。
• 事件委托的方案（办法2）在表格行数多的时候更高效，不用循环绑定大量事件。

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