selected属性只需存在即生效，冗余赋值如selected="true"不推荐；同一select中仅首个selected选项生效；服务端渲染需单独判断；js动态添加应设option.selected=true；disabled与selected不可共存；运行时应操作select.value或selectedindex而非selected属性。
selected 属性只写 selected，别赋值
浏览器只认 selected 这个布尔属性是否存在，写了就生效，不写就不生效。写成 selected="true" 或 selected="selected" 虽然能用，但属于冗余写法，语义不清，还可能在某些严格校验工具里报 warning。
常见错误是模板拼接时条件判断漏掉、或 JS 字符串插值忘了加空格导致 HTML 解析失败，比如：<option value="us" selected>USA</option>（selected 前缺空格）会被当成 value 的一部分，属性实际没生效。
同一 select 中只能有一个 selected
多个 <option selected></option> 同时出现时，浏览器只取第一个，其余忽略——这不是“选中多个”，而是 DOM 不合法，且容易误导后续 JS 逻辑（比如遍历 options 时误以为有多个默认项）。
- 服务端渲染（如 PHP/Jinja）中，循环生成
<option></option>时，必须把selected的判断单独抽出来，只对匹配项输出该属性 - 前端 JS 拼字符串，推荐用三元运算：
`<option value="${v}" defaultval :>${label}</option>` - 用
document.createElement('option')动态添加时，得手动设option.selected = true，而不是option.setAttribute('selected', '')（后者在旧版 IE 兼容性差）
selected 和 disabled 不能共存
如果给某个 <option></option> 同时加 disabled 和 selected，它不会被高亮显示，表单提交时该值也不会被发送，甚至部分浏览器（如旧版 Safari）压根不把它当默认项处理。
想实现“占位提示项”（如 -- 请选择 --），正确做法是：<option value="" selected>-- 请选择 --</option>，value 为空便于后端或 JS 判断是否真有选择；若想进一步防止用户选中它，可加 disabled，但此时必须去掉 selected，改用 JS 初始化时设 select.value = "" 或 select.selectedIndex = 0，并确保 change 监听里先校验 !select.value 再执行业务逻辑。
JS 修改默认选中项时别碰 selected 属性
selected 是初始渲染依据，不是响应式状态。运行时修改选中项，应该操作 select.value 或 select.selectedIndex，而不是反复增删 selected 属性。
-
select.value = "us"：自动匹配<option value="us"></option>并选中，若没找到，select.value变为空字符串，界面无变化 -
select.selectedIndex = 2：直接按索引选中第 3 个选项，哪怕它的value是空或非法，也会被强制选中 - 设置后如需触发
change监听，得手动派发事件：select.dispatchEvent(new Event('change', { bubbles: true })) - React/Vue 中
selected属性完全无效，必须靠组件状态（如valueprop 或v-model）控制，且初始值要严格匹配某个option的value字符串
最常被忽略的是：JS 脚本执行时机。如果脚本放在 里，或在 DOM 尚未解析完 <select></select> 时就操作，select.value 赋值会静默失败。务必确认元素已挂载，或用 DOMContentLoaded 包裹。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
