multiple属性本身不触发多选交互，必须配合ctrl/cmd或shift键操作；.value仅返回首个选中值，须用.selectedoptions获取全部；ios safari基本不支持，应改用自定义组件。
multiple 属性本身不触发多选交互，必须配合 Ctrl/Cmd 或 Shift 键
单纯给 <select multiple></select> 加上 multiple 属性，浏览器不会默认启用鼠标框选或连续点击多选——用户必须主动按住 Ctrl（Windows/Linux）或 Cmd（macOS）才能逐个勾选；按住 Shift 可选中区间项。这是原生行为，无法用 CSS 或属性开关绕过。
常见误操作：只加 multiple 却没告诉用户操作方式，导致用户反复点击以为“失效”。建议在 UI 旁加轻量提示，比如：<small>按住 Ctrl/Cmd 多选</small>。
获取 multiple select 的选中值不能用 value，得遍历 options
<select multiple></select> 元素的 .value 属性永远只返回第一个被选中的 <option></option> 的 value，哪怕你选了十个。真要拿到全部，必须读 .selectedOptions 集合或手动遍历 .options。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
selectElement.selectedOptions是最直接的方式，返回一个HTMLCollection，可用Array.from()转成数组后取.map(o => o.value) - 兼容老浏览器（如 IE11）时，需回退到
for (let i = 0; i + <code>if (select.options[i].selected) - 注意：
selectedOptions是实时集合，但遍历时无需担心动态变化，因为 DOM 更新是同步的
设置 multiple select 的初始选中项，别用 value 赋值
不能通过 select.value = "xxx" 设置多个初始选中项——这只会命中第一个匹配的 <option value="xxx"></option> 并单选它。正确做法是显式设置每个 <option></option> 的 selected 属性：
<select multiple><option value="a">A</option> <option value="b" selected>B</option> <option value="c" selected>C</option></select>
JS 动态设置时，也得循环操作：Array.from(select.options).forEach(opt => { if (["b","c"].includes(opt.value)) opt.selected = true; })。
移动端 Safari 对 multiple select 支持有限，慎用于关键路径
iOS Safari 不渲染原生 <select multiple></select> 的下拉多选界面，而是降级为单选弹窗（仅显示第一个选项），且无法取消已选——等于功能失效。Android Chrome 虽支持，但触控体验差（小目标、无视觉反馈）。生产环境若需可靠多选，应改用自定义组件（如 <div> + <code>checkbox 列表）并用 aria-multiselectable 保证可访问性。
这个限制常被忽略，直到测试阶段才发现 iOS 用户根本没法完成操作。
