在html中，用selected属性设置默认选中项，只需加在目标标签内；它是布尔属性，存在即生效，多个时仅第一个有效，无selected则默认首项；建议每个option设明确value值，并可用javascript动态设置。
在 HTML 的 <select></select> 下拉菜单中，用 selected 属性设置默认选中项，只需把它加在你希望默认显示的 <option></option> 标签里即可。
基本写法：直接在 option 上加 selected
selected 是布尔属性，只要存在就生效，不需要赋值（写成 selected="selected" 也合法，但简写更常见）。
例如：
多个 selected 会怎样？
浏览器只认第一个带 selected 的 <option></option>，后续的会被忽略。所以确保只有一个选项带该属性。
- 如果没写
selected，下拉框默认显示第一个<option></option> - 如果所有
<option></option>都没加selected，且没有 JavaScript 干预，用户看到的就是首项（但表单提交时它才是实际值） - 空选项（如提示“请选择”）也可以设为
selected，适合强制用户主动选择
配合 value 使用更可靠
默认选中依赖的是 <option></option> 的位置或 selected 属性，但后端或 JS 常通过 value 判断选中项。建议每个 <option></option> 都设明确的 value，避免用文本内容做逻辑判断。
比如下面这种写法更规范：
动态设置？用 JavaScript 更灵活
如果默认值来自变量、URL 参数或用户上次选择，HTML 静态写死就不够用了。这时可用 JS 设置：
-
selectElement.value = "sh";—— 直接设 value，自动匹配并选中对应 option -
optionElement.selected = true;—— 手动标记某个 option - 注意：JS 设置需等 DOM 加载完成（如放在
<script></script>底部或用DOMContentLoaded）
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
