PHP两表联查select下拉框提交自动填充tipocomb关联值方法

你已经完成了两表关联查询，结果集中已经包含matricula和tipocomb两个字段，只需要调整选项渲染逻辑、配合简单的传值规则就能实现选中后同步提交关联字段，以下是两种可直接落地的方案：

方案1：value拼接传值（无JS依赖，实现最简单） #

表单默认提交时只会传输选中option的value属性值，你可以把两个需要的字段用不会出现在业务数据里的特殊分隔符（比如竖线|）拼接后存入value，后端接收时拆分即可拿到两个字段值。
修改后的渲染代码如下：

<select name="matricula[]">
    <?php 
    while ($matricula = mysqli_fetch_array($result, MYSQLI_ASSOC)):
        // 拼接两个字段值，做HTML转义避免特殊字符破坏页面结构
        $optionVal = htmlspecialchars($matricula["matricula"] . '|' . $matricula["tipocomb"], ENT_QUOTES);
    ?>
    <option value="<?php echo $optionVal; ?>">
        <?php echo htmlspecialchars($matricula["matricula"], ENT_QUOTES); ?>
    </option>
    <?php endwhile; ?>
</select>

后端接收时拆分取值即可：

foreach ($_POST['matricula'] as $selected) {
    $valuePair = explode('|', $selected);
    $currentMatricula = $valuePair[0]; // 拿到matricula字段值
    $currentTipocomb = $valuePair[1]; // 拿到关联的tipocomb字段值
    // 后续业务逻辑处理
}

方案2：自定义属性+JS同步（适合前端需要实时调用tipocomb的场景） #

如果前端页面需要在用户选中时就拿到tipocomb值做其他交互，可以把tipocomb存在option的自定义属性上，配合隐藏域同步提交值：
首先调整select渲染代码，加自定义属性和对应隐藏域：

<select id="matriculaSelect" name="matricula[]">
    <?php 
    while ($matricula = mysqli_fetch_array($result, MYSQLI_ASSOC)):
    ?>
    <option 
        value="<?php echo htmlspecialchars($matricula["matricula"], ENT_QUOTES); ?>"
        data-tipocomb="<?php echo htmlspecialchars($matricula["tipocomb"], ENT_QUOTES); ?>"
    >
        <?php echo htmlspecialchars($matricula["matricula"], ENT_QUOTES); ?>
    </option>
    <?php endwhile; ?>
</select>
<!-- 隐藏域用于同步提交tipocomb值 -->
<input type="hidden" name="tipocomb[]" id="tipocombHidden">

在页面底部加简单JS，监听选中事件同步值到隐藏域：

const matriculaSelect = document.getElementById('matriculaSelect');
const tipocombHidden = document.getElementById('tipocombHidden');

function syncSelectedTipocomb() {
    // 收集所有选中项的tipocomb值
    const selected = Array.from(matriculaSelect.selectedOptions).map(opt => opt.dataset.tipocomb);
    // 多选用逗号拼接，后端按逗号拆分即可；如果是单选直接取第一个值就行
    tipocombHidden.value = selected.join(',');
}
// 页面初始化时同步一次默认选中值
syncSelectedTipocomb();
// 选中项变化时自动同步
matriculaSelect.addEventListener('change', syncSelectedTipocomb);

注意事项 #

• 所有输出到HTML的动态值必须用htmlspecialchars()做转义，避免字段值包含引号、尖括号等特殊字符时破坏HTML结构
• 如果是单选select，方案2的JS逻辑可以简化，不需要处理数组
• 分隔符选择要避开业务字段可能出现的字符，防止拆分错误

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