默认需配合 Ctrl/Shift 多选，要实现点击即切换需监听 click 事件并手动管理 selected 状态；其 value 属性只返回首个选中项，获取全部须用 selectedOptions；iOS Safari 不支持原生多选，应降级为 ARIA 模拟组件。
如何让 <select multiple></select> 真正支持多选操作
默认情况下，<select multiple></select> 只是开启多选 UI，但用户必须配合 Ctrl（macOS 是 ⌘）或 Shift 才能连续选中多个选项——这和多数现代交互预期不符。要实现点击即切换、无需修饰键的“类复选框”行为，必须靠 JavaScript 干预。
- 必须监听
click事件（不是change），因为change在失去焦点时才触发，无法实时响应单次点击 - 每次点击需手动读取
event.target.selectedOptions或遍历options数组判断selected状态 - 注意：直接对
option.selected赋值会触发重排，频繁操作建议批量修改后统一提交
为什么 select[multiple] 的 value 属性只返回第一个选中项
<select multiple></select> 的 value 属性是只读的，且规范规定它始终返回第一个 selected 的 <option></option> 的 value，哪怕你选了十个。这不是 bug，是 DOM 标准行为。
- 要获取全部选中值，请用
Array.from(select.selectedOptions).map(opt => opt.value) - 如果
<option></option>没设value属性，其值为textContent，注意空格和换行可能混入 - 服务端接收时，确保后端接口接受数组类型（如
name=tags[]或 JSON body），而非单个字符串
移动端 Safari 中 multiple 的兼容性陷阱
iOS Safari 对原生 <select multiple></select> 支持极差：点击后弹出的是单选式全屏选择器，且不显示已选项状态，用户根本无法确认多选结果。
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 在 iOS 上，
multiple实际不可用，应检测navigator.userAgent.includes('iPhone')或使用@supports (-webkit-appearance: none)做降级 - 推荐方案：用
<div role="listbox"> + <code><button role="option"></button>模拟，配合 ARIA 属性（aria-selected、aria-multiselectable）保证可访问性 - 若坚持用原生
select，至少加size="5"让选项可见，避免纯下拉触发 Safari 的错误弹窗 - PHP 默认将同名参数覆盖为最后一个值（
$_GET['colors']只得green），必须用colors[]=red&colors[]=blue格式，即name="colors[]" - Node.js 的
urlencoded中间件（如 express.urlencoded）默认支持数组，但需设置extended: true - 如果走 AJAX 提交，更稳妥的做法是手动序列化：
new FormData(form).getAll('colors')或JSON.stringify(selectedValues)
提交表单时，multiple 选中的数据怎么被后端正确解析
浏览器提交时，<select name="colors" multiple></select> 会把每个选中项作为独立字段发送，例如：colors=red&colors=blue&colors=green。但不同后端框架处理方式差异极大。
立即学习“前端免费学习笔记（深入）”；
