当 HTML 提交多个选项时，默认会生成多个同名参数（如 key=val1&key=val2），但后端数据库存储过程通常只接收第一个值。本文介绍如何在禁用 JavaScript 的限制下仍可靠实现单键多值提交，并提供兼容性更强的纯 HTML + 服务端协同方案。
当 html `
在标准 HTML 表单中，<select name="key" multiple></select> 的行为是符合 HTTP 规范的：浏览器会将每个选中项作为独立的 key=value 键值对提交（例如 key=val1&key=val2&key=val3）。然而，许多传统数据库存储过程（如 Oracle PL/SQL 的 func(key VARCHAR2)）仅声明单个字符串形参，无法原生解析重复键——这导致只有首个值（val1）被实际读取。
根本原因在于协议与接口不匹配：HTTP 允许重复字段名，但单参数存储过程不具备接收数组或列表的能力。因此，解决方向不是“阻止浏览器发送多个 key”，而是在提交前将多个值序列化为单一字符串，确保最终请求体中仅出现一次 key=...。
虽然问题中提到目标系统禁用 JavaScript，但需明确：纯 HTML 本身无法改变表单默认编码逻辑——<form enctype="application/x-www-form-urlencoded"></form> 的规范强制重复键行为，无任何 HTML 属性可启用“合并模式”。因此，可行路径分为两类：
✅ 推荐方案：服务端适配（零前端改动，最稳妥）
保持原始 HTML 不变，在服务端接收时主动聚合同名参数。例如在 Java Servlet 中使用 request.getParameterValues("key") 获取字符串数组，再用 String.join(",", ...) 拼接；在 PL/SQL 中可通过 Web 服务器（如 Oracle REST Data Services）预处理，或在调用存储过程前用中间层（如 APEX 或自定义 PL/SQL 包）解析 owa_util.get_cgi_env('QUERY_STRING') 并合并。
✅ 备选方案：启用轻量 JS（若策略允许放宽）
若未来可启用受限 JS（如仅允许内联脚本且无外部依赖），以下代码可安全运行于现代浏览器（无需 FormData API 也可兼容旧版）：
<form id="form" onsubmit="return serializeSelect(this)">
<select name="key" multiple required>
<option value="val1">val1</option>
<option value="val2">val2</option>
<option value="val3">val3</option>
</select>
<button type="submit">提交</button>
</form>
<script>
function serializeSelect(form) {
const select = form.querySelector('select[name="key"]');
const values = Array.from(select.selectedOptions).map(opt => opt.value);
// 移除原 select，注入隐藏字段
const hidden = document.createElement('input');
hidden.type = 'hidden';
hidden.name = 'key';
hidden.value = values.join(',');
form.appendChild(hidden);
select.remove();
return true; // 继续提交
}
</script>此方案生成标准 application/x-www-form-urlencoded 请求，如 key=val1,val2,val3，完全兼容现有存储过程签名。
立即学习“前端免费学习笔记（深入）”；
⚠️ 重要注意事项：
- 避免在值中使用逗号、分号等分隔符（如
val,1），若业务数据含特殊字符，建议改用 URL 编码后的分隔符（如%2C）或换用更安全的分隔符（如|）并在存储过程中解码； - 若必须坚持纯 HTML 方案，唯一替代方式是改用多个单选按钮（
<input type="checkbox" name="key" value="...">），但需后端支持接收数组——这仍需服务端逻辑改造； - 测试时务必验证字符集（如中文值需 UTF-8 编码），避免乱码导致拼接失败。
综上，服务端聚合是最健壮、零前端风险的首选；而 JS 序列化是快速落地的平衡方案。二者均能确保 key 参数以单一字符串形式抵达存储过程，彻底解决“只取首值”的瓶颈。
