select.value在multiple下只返回首个选中项，必须用array.from(select.selectedoptions).map(opt => opt.value)获取全部值。
select multiple 的 value 属性只返回第一个选中项
直接读 select.value 拿不到全部值，它永远只返回第一个 selected 选项的 value 字符串。这不是 bug，是规范行为——value 是为单选设计的。
正确做法是用 select.selectedOptions 集合，再转成数组提取值：
Array.from(select.selectedOptions).map(opt => opt.value)
注意：selectedOptions 是 HTMLCollection，不能直接调 .map()；漏掉 Array.from() 会报错。
同名 checkbox 提交时后端只收到一个值
如果多个 <input type="checkbox" name="tag"> 共享相同 name，但没做特殊处理，formData.get("tag") 只返回最后一个勾选项的 value。
必须用 formData.getAll("tag") 才能得到数组。常见翻车点：
- 后端框架（如 Express）默认只取第一个同名参数，需显式用
req.body.tag或req.body.tag[]解析 - PHP 中要写
name="tag[]"，否则$_POST["tag"]是字符串不是数组 - 用
event.target.elements["tag"]取 DOM 节点时，得手动过滤：Array.from(event.target.elements["tag"]).filter(i => i.checked).map(i => i.value)
多选值传到后端后解析错乱
有人把数组拼成逗号分隔字符串再发，比如 "web,design,dev"，结果后端一拆就崩——因为某个 value 本身含逗号（如 value="front-end,react"）。
更安全的做法：
- 保持原始数组结构，用
FormData或 JSON 提交，别手工拼接 - 若必须字符串化，用不可见分隔符（如
\u001F）或 Base64 编码整个数组 - 后端接收时别依赖
split(",")，优先走标准解析逻辑（如multipart/form-data自动解包）
动态插入的多选控件不被 FormData 收集
new FormData(formElement) 只收集提交时已存在于 DOM 中、且在该 form 内的控件。如果 checkbox 或 select[multiple] 是 JS 动态插入的，但没 append 到 form 内部，就会被忽略。
排查要点：
- 确认元素是否真实挂载在
form下：用开发者工具检查 DOM 结构，而非只看 JS 变量 - 避免用
innerHTML插入，它会销毁事件监听和表单关联；改用form.appendChild()或insertAdjacentElement() - 如果控件分散在不同容器（如分步表单），别依赖
form.elements，改用document.querySelectorAll('input[name="tag"]:checked, select[name="tag"] option:checked')
name、非 disabled、处于激活状态、且属于当前 form 上下文的控件。少一个条件，数据就断一截。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
