html下拉框默认选中第N项需设置selectedIndex属性或value属性； selectedIndex从0开始，-1表示无选中项，动态设置前须确保dom就绪且选项存在。
HTML下拉框怎么设计数
HTML 下拉框本身不提供“设计数”功能，你实际想做的，是让 元素在页面加载时默认选中某个选项（比如第 3 个），或通过 js 控制其选中索引。关键不是“设计数”，而是设置 selectedIndex 属性或 value 属性。
-
selectedIndex是只读/可写属性，表示当前选中项的索引（从 0 开始），直接赋值即可切换选中项 -
value更常用，它依赖每个的value属性值，与索引无关，但更语义化、不易受 DOM 变动影响 - 若用索引控制，务必确保
已渲染完成（比如放在底部，或等DOMContentLoaded）
获取下拉框当前选中索引值
用 selectedIndex 最直接。注意：如果没选中任何项（比如所有 都没设 selected，且没设 value 匹配），selectedIndex 为 -1。
const select = document.getElementById('mySelect'); console.log(select.selectedIndex); // 输出当前选中项索引，如 2- 这个值是实时的，修改
select.value或点击切换后会自动更新 - 不要用
select.options[select.selectedIndex]再去取文本 —— 直接用select.value或select.selectedOptions[0].text更稳妥 - 如果下拉框是多选（
multiple），selectedIndex只返回第一个选中项索引，此时应遍历selectedOptions
设置下拉框默认选中第 N 项（按索引）
两种主流方式：HTML 属性声明（静态）和 JS 动态设置（运行时）。推荐优先用 value，仅当必须按位置控制时才用索引。
- 若 HTML 中已写
，JS 设置selectedIndex会覆盖它 - 设置前检查
sel.options.length > N，避免selectedIndex = 999导致静默失败（不会报错，但选中无效项） - 移动端 safari 对快速连续设置
selectedIndex有渲染延迟，建议加requestAnimationFrame包裹
为什么有时 selectedIndex 总是 -1？
常见于 DOM 尚未就绪、元素未找到、或 被 JS 框架（如 vue/react）接管后原生属性失效。不是浏览器 bug，而是执行时机或上下文问题。
立即学习“前端免费学习笔记（深入）”；
- 检查是否在
标签之前执行 JS —— 把脚本移到前，或监听DOMContentLoaded - 确认元素 ID 正确，且没有重复 ID；用
document.querySelector替代getElementById排查作用域问题 - 若用 jquery，别混用
$(...).prop('selectedIndex')和.attr()——selectedIndex是 Property，不是 Attribute - 某些 ui 库（如 Element UI）把原生
隐藏了，你操作的是封装层，得查对应组件文档找 API
索引看似简单，但跨框架、跨设备时容易掉进“以为设置了，其实没生效”的坑里。真正要稳，就别只信 selectedIndex，加一行 console.log(sel.selectedOptions.Length) 看看有没有真选中。