浏览器会忽略 selected 属性——即使该 option 被标记为默认选中，只要它同时有 disabled，就不会成为实际的初始选中项，也不会被用户选中。这是 html 规范明确规定的：disabled 的 option 不参与选择逻辑，selected 在此失效。
selected 和 disabled 同时出现在 option 上会发生什么
浏览器会忽略 selected 属性——即使该 option 被标记为默认选中，只要它同时有 disabled，就不会成为实际的初始选中项，也不会被用户选中。
这是 HTML 规范明确规定的：disabled 的 option 不参与选择逻辑，selected 在此失效。常见错误是以为加了 selected 就能“默认显示文字”，结果发现下拉框空着或默认选中了别的项。
想让某个 option 默认显示但不可选，该怎么做
不能靠 selected + disabled 实现。正确做法是：
- 在
select上设置value或用 JS 初始化选中值（指向一个非 disabled 的option） - 把你想“占位显示”的文本做成一个
disabled且无value的option，放在最前面，例如：<option disabled value="">请选择类型</option> - 确保后续至少有一个未
disabled的option带有value，否则表单提交时该select没有有效值
注意：如果所有 option 都 disabled，select 将无法提交任何值，且多数浏览器会显示为空白或第一个 disabled 项的文字（但不视为选中）。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
JS 动态控制 selected 和 disabled 的坑
通过 JS 修改 option.selected 或 option.disabled 后，必须注意 DOM 同步时机和浏览器行为差异：
- 设置
option.disabled = true后再设option.selected = true，浏览器仍不会让它成为选中项 - 修改
select.value是更可靠的选中方式，例如：select.value = "valid-value" - 某些旧版 Safari 对
disabled的option在渲染上存在闪烁或残留高亮，建议配合 CSSoption:disabled { color: #999; }明确视觉反馈
调试时可检查 select.selectedOptions，它只返回未 disabled 的选中项——哪怕你手动设置了 disabled option 的 selected 属性，它也不会出现在这个列表里。
服务端验证别信前端的 disabled + selected 组合
前端禁用只是体验层限制，用户完全可以通过 DevTools 删除 disabled 属性并提交非法值。所以：
- 后端必须校验
select提交的value是否属于允许列表，不能只依赖前端 disabled 状态 - 不要用
disabled的option传业务关键值（比如<option disabled value="admin">管理员</option>），它既不会被提交，也可能误导逻辑判断 - 若需隐藏选项但保留语义，考虑用
<optgroup disabled></optgroup>包裹，部分框架/库对此支持更好
真正容易被忽略的是：disabled 的 option 不仅不参与选择，也不触发 change 事件、不计入 length（部分老浏览器有差异），这些边界行为在动态增删选项时特别容易出错。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
