最可靠方式是直接在<option>上添加selected布尔属性；JS/React中需用value或selectedIndex动态设置，且React必须通过受控组件的valueprop控制。
直接在目标 <option> 上加 selected 属性，是最简单、最可靠的方式；但若用 JS 或框架（如 React），这个属性会被忽略，必须换方法。
HTML 原生写法：只写 selected，别赋值，且只能有一个
浏览器只认 selected 这个布尔属性是否存在，写成 selected="true" 或 selected="selected" 不报错，但语义混乱，还可能干扰某些解析逻辑。
- 同一
<select>中多个<option selected>时，仅第一个生效，DOM 已不合法 -
selected和disabled不能共存于同一个<option>—— 否则视觉不高亮，提交时该值不可用 - 想设“请选择”为初始提示项，推荐：
<option value="" disabled hidden selected>请选择</option>，hidden防止它出现在下拉展开列表中 - 表单调用
form.reset()会恢复到带selected的那个选项，这是预期行为
JavaScript 动态设置：用 select.value 还是 select.selectedIndex？
两者都能改选中状态，但行为差异明显，选错容易出 bug。
-
select.value = "us"：按值匹配，自动滚动并高亮对应项；若没找到匹配的value（比如大小写/空格不一致），select.value变为空字符串，界面无反应 -
select.selectedIndex = 2：强制按索引选中，哪怕第 2 个<option>的value是空或非法，也会被选中——适合已知结构且不常变动的场景 - 脚本执行前必须确保
<select>已挂载到 DOM，否则赋值无效（常见于<head>中立即执行的脚本） - 若需触发监听函数（如校验、联动），得手动派发事件：
select.dispatchEvent(new Event('change', { bubbles: true }))
React 中 selected 属性完全无效，必须用 value prop 控制
React 的 <select> 是受控组件，它的显示状态 100% 由 value prop 决定，HTML 层的 selected 属性会被 React 忽略。
立即学习“前端免费学习笔记（深入）”；
- 初始化
useState时，不能设成''或undefined，除非<option>中真有value=""的项 - 异步加载
options时，不要先渲染<select value={value}>而options还是空数组——这会导致下拉框空白 - 更稳妥的做法是用条件渲染控制时机：
{options.length > 0 && <select value={value} onChange={...}>...</select>} - 如果后端返回的是数字 ID，而
option.value是字符串（如"1"），注意类型匹配，value={1}不等于value="1"
最容易被忽略的一点：selected 是 HTML 初始意图的声明，而 option.selected 是当前运行时状态。调试时可用 option.defaultSelected 判断“是否从一开始就被标记为默认”，而不是靠肉眼数哪个写了 selected。
