HTML表单传值至PHP：如何同时提交select下拉框的选项值与显示文本

你完全可以从前端表单提交链路做改造，避免新增数据库查询开销，几个适配你当前425个选项下拉场景的可直接落地的实现方式如下：

方案1：轻量JS同步选中文本到隐藏域（最推荐，不破坏原有业务逻辑） #

这个方案完全不改动原option的value结构，原有提交的opponent参数还是纯对手id，不影响你把id存数据库的现有逻辑：

• 在原name为opponent的select元素旁，新增一个用于存学校名的隐藏域：
  <input type="hidden" name="opponent_school" value="">
• 加一段极简JS代码，监听select的选中变化，把当前选中项的可见文本同步到隐藏域：

const opponentSelect = document.querySelector('select[name="opponent"]');
const schoolHiddenInput = document.querySelector('input[name="opponent_school"]');
// 页面加载完成后，先同步默认选中项的文本
schoolHiddenInput.value = opponentSelect.options[opponentSelect.selectedIndex].text;
// 监听选中切换动作
opponentSelect.addEventListener('change', (e) => {
  schoolHiddenInput.value = e.target.options[e.target.selectedIndex].text;
});

• 后端接收到opponent_school参数的值，就是用户当前选中的学校名称，直接拼到成功提示语里即可，全程没有任何额外数据库查询。

方案2：改造option值为拼接结构，后端拆分取值（无需写前端JS） #

如果你不想加前端逻辑，也可以直接修改生成option的PHP代码，把对手id和学校名用无歧义的分隔符拼接到option的value属性里，后端拆分后分别取值：

while($opponent = mysqli_fetch_assoc($oresults)) {
    // 用|做分隔符，提前转义学校名里可能出现的分隔符，避免拆分错误
    $optionValue = $opponent['id'] . '|' . str_replace('|', '\|', $opponent['school']);
    // 所有输出到HTML的内容都要做转义，避免特殊字符破坏页面
    echo '<option value = "'. htmlspecialchars($optionValue) .'">'. htmlspecialchars($opponent['school']) .'</option>';
}

• 后端接收到提交的opponent值后，按分隔符拆分出前半段的id存数据库，后半段的学校名用来生成提示语即可。

方案3：嵌入本地映射表实现前端取值 #

如果需要更灵活的前端取值逻辑，可以在生成下拉列表的同时，把所有对手id和学校的映射关系以JS对象的形式嵌入页面——这部分数据本来就是你第一次查数据库生成下拉列表时拿到的，没有额外查询成本：

$opponentMap = [];
while($opponent = mysqli_fetch_assoc($oresults)) {
    // 先存映射关系
    $opponentMap[$opponent['id']] = $opponent['school'];
    // 生成原有的下拉选项
    echo '<option value = "'. htmlspecialchars($opponent['id']) .'">'. htmlspecialchars($opponent['school']) .'</option>';
}
// 把映射表转成JS对象嵌入页面，供前端调用
echo '<script>const opponentMap = '. json_encode($opponentMap, JSON_UNESCAPED_UNICODE) .'</script>';

• 前端选中某个对手id时，直接从这个本地映射对象里取对应的学校名，同步到隐藏域提交即可，425条映射关系转成JS对象也就几十KB大小，完全不会影响页面加载速度，响应速度比额外查数据库快得多。

注意事项

• 这类方案从前端拿到的学校值只适合用来生成提示文本，不要把它作为核心业务的存库字段（毕竟前端值可以被篡改），核心存库的对手id的合法性校验逻辑要和原有逻辑保持一致。
• 输出到HTML的动态内容一定要做转义处理，避免学校名里的引号、尖括号等特殊字符破坏页面结构，引入XSS风险。

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