办公网站查询结果中Zone旁添加对应复选框的布局问题求助

办公网站的用户输入文本框提交后，会展示数据库返回的Lot ID、Product、EWSFLOW、Zone四项数据，其中仅Zone值存在差异。此前已实现Lot ID、Product、EWSFLOW仅展示一次，多Zone时显示“Zone: 1,2,3,4,5”的格式。现在要给每个Zone添加复选框，要求复选框紧邻对应Zone值（示例：Zone : [复选框] 1），但目前复选框显示在顶部，且需保证复选框数量与Zone数量一致。

当前代码 #

echo "<table id='corwafer'>";
$arr = array();

while ($row = mysqli_fetch_assoc($result1)) {

$field1name = $row["lotid"];
$field2name = $row["product"];
$field3name = $row["ewsflow"];
$field4name = $row["zone"];
$key = $field1name + ":" + $field2name + ":" + $field3name;

if (!in_array($key, $arr)){
    echo "<tr>";
    echo "<th >Lot ID:</th>";
    echo "<td >$field1name</td>";
    echo "</tr>";

    echo "<tr>";
    echo "<th>Product:</th>";
    echo "<td>$field2name</td>";
    echo "</tr>";

    echo "<tr>";
    echo "<th>EWSFLOW: </th>";
    echo "<td>$field3name</td>";
    echo "</tr>";

    array_push($arr, $key);
}

echo "<tr>";
    echo "<th>Zone:</th>";
    echo "<input type='checkbox' name='chkzone' value='chkzone'>";
    echo "<td>$field4name</td>";
    echo "</tr>";

}

echo "</table>";

修复方案 #

问题根源 #

1. 复选框放在了表格<th>和<td>之外，脱离单元格结构导致显示位置异常。
2. 用+拼接key是算术运算，字符串会被转成数字相加，可能导致不同的Lot/Product/EWSFLOW组合生成相同key，去重逻辑失效。
3. 复选框的name和value设置不合理，无法区分选中的具体Zone。

修改后的代码 #

echo "<table id='corwafer'>";
$arr = array();

while ($row = mysqli_fetch_assoc($result1)) {
    $field1name = $row["lotid"];
    $field2name = $row["product"];
    $field3name = $row["ewsflow"];
    $field4name = $row["zone"];
    // 用字符串拼接生成唯一key，避免算术运算导致的错误
    $key = $field1name . ":" . $field2name . ":" . $field3name;

    if (!in_array($key, $arr)){
        echo "<tr>";
        echo "<th>Lot ID:</th>";
        echo "<td>$field1name</td>";
        echo "</tr>";

        echo "<tr>";
        echo "<th>Product:</th>";
        echo "<td>$field2name</td>";
        echo "</tr>";

        echo "<tr>";
        echo "<th>EWSFLOW:</th>";
        echo "<td>$field3name</td>";
        echo "</tr>";

        array_push($arr, $key);
    }

    echo "<tr>";
    echo "<th>Zone:</th>";
    // 将复选框移入td内，与Zone值紧邻，同时优化name和value
    echo "<td><input type='checkbox' name='chkzone[]' value='$field4name'> $field4name</td>";
    echo "</tr>";
}

echo "</table>";

关键修改说明 #

• 调整复选框位置：把复选框放到Zone值所在的<td>标签内部，确保和Zone值紧邻显示，解决位置异常问题。
• 修复key生成逻辑：用字符串拼接符.代替算术运算符+，保证不同的Lot/Product/EWSFLOW组合生成唯一key，正确实现去重。
• 优化复选框参数：将name设为chkzone[]，支持多选提交；value设为对应的Zone值，方便后端识别选中的具体Zone。

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