本文详解如何在前端使用 JavaScript 将数组元素分别写入多个同名 name="xxx[]" 的隐藏 input 元素，从而确保 PHP 后端接收到标准的索引数组（而非字符串），避免 $_POST['questions'] 变成单元素字符串数组。
本文详解如何在前端使用 javascript 将数组元素分别写入多个同名 `name="xxx[]"` 的隐藏 input 元素，从而确保 php 后端接收到标准的索引数组（而非字符串），避免 `$_post['questions']` 变成单元素字符串数组。
HTML 表单中仅使用一个 并直接赋值 ques.value = [5,10]，本质是将数组隐式转为字符串 "5,10" 写入单个字段——这导致 PHP 接收时 $_POST['questions'] 是一个长度为 1 的数组：['5,10']，而非期望的 ['5', '10']。
根本原因在于：HTML 表单不支持直接序列化 JavaScript 数组到 name="xxx[]" 字段；[] 语法仅在存在多个同名 input 元素时，由浏览器自动聚合成 PHP 数组。
✅ 正确做法：动态创建多个隐藏 input 元素，每个对应数组的一个值，并统一命名 name="questions[]"。
以下是推荐的 JavaScript 实现：
立即学习“Java免费学习笔记（深入）”；
function sendQuestions(e) {
e.preventDefault();
const form = document.getElementById('su');
const array = [5, 10];
// 清除原有 hidden inputs（防止重复提交）
form.querySelectorAll('input[name="questions[]"]').forEach(el => el.remove());
// 为每个数组元素创建独立的 hidden input
array.forEach(value => {
const input = document.createElement('input');
input.type = 'hidden';
input.name = 'questions[]'; // 关键：必须带 [] 后缀
input.value = value;
form.appendChild(input);
});
form.submit();
}对应的 HTML 结构保持简洁（无需预先定义 #questions）：
<form id="su" action="su.php" method="POST" onsubmit="sendQuestions(event)">
<button type="submit">Generate Quiz</button>
</form>✅ 提交后，PHP 端将准确收到：
var_dump($_POST['questions']);
// 输出：
// array(2) {
// [0] => string(1) "5"
// [1] => string(2) "10"
// }⚠️ 注意事项：
- 不要保留原始 ：它与动态生成逻辑冲突，且 id 属性在多次提交中易引发重复或覆盖问题；
- 务必清除旧字段：若表单可多次提交（如页面未刷新），需先移除已存在的 questions[] 输入项，否则历史值会累积；
- 值类型处理：input.value 始终为字符串，若需整数/布尔等类型，请在 PHP 端显式转换（如 array_map('intval', $_POST['questions'])）；
- 替代方案（不推荐）：用 JSON.stringify() + encodeURIComponent() 提交再在 PHP 中 json_decode(urldecode(...))，但破坏了原生数组语义，增加服务端解析负担。
总结：表单数组提交的本质是「多字段同名」，而非「单字段存数组」。掌握动态创建 input 的模式，既能保证前后端数据结构一致，又符合 HTML 表单规范，是构建可靠交互表单的关键实践。
