multiple属性本身不触发多选交互，必须配合Ctrl/Cmd或Shift键操作；.value仅返回首个选中值，须用.selectedOptions获取全部；iOS Safari基本不支持，应改用自定义组件。
multiple 属性本身不触发多选交互，必须配合 Ctrl/Cmd 或 Shift 键
单纯给 <select multiple> 加上 multiple 属性，浏览器不会默认启用鼠标框选或连续点击多选——用户必须主动按住 Ctrl（Windows/Linux）或 Cmd（macOS）才能逐个勾选；按住 Shift 可选中区间项。这是原生行为，无法用 CSS 或属性开关绕过。
常见误操作：只加 multiple 却没告诉用户操作方式，导致用户反复点击以为“失效”。建议在 UI 旁加轻量提示，比如：<small>按住 Ctrl/Cmd 多选</small>。
获取 multiple select 的选中值不能用 value，得遍历 options
<select multiple> 元素的 .value 属性永远只返回第一个被选中的 <option> 的 value，哪怕你选了十个。真要拿到全部，必须读 .selectedOptions 集合或手动遍历 .options。
-
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> 的 selected 属性：
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
<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> 的下拉多选界面，而是降级为单选弹窗（仅显示第一个选项），且无法取消已选——等于功能失效。Android Chrome 虽支持，但触控体验差（小目标、无视觉反馈）。生产环境若需可靠多选，应改用自定义组件（如 <div> + checkbox 列表）并用 aria-multiselectable 保证可访问性。
这个限制常被忽略，直到测试阶段才发现 iOS 用户根本没法完成操作。
