select元素必须有name属性才能提交数据，否则即使用户选择内容，后端也收不到；option须显式设value，避免依赖文本；默认选中用selected属性；多选需加multiple且后端需支持数组解析。
select 元素必须有 name 属性才能提交数据
表单提交时，select 的值不会被发送到后端，除非它带 name 属性。没有 name 的 select 在 POST/GET 中完全“隐身”，哪怕用户选了内容也无效。
- 正确写法：
<select name="category"><option value="1">新闻</option></select> - 错误写法：
<select id="category">...</select>（仅用id无法提交） - 如果用 JavaScript 动态取值，
id可以辅助获取 DOM，但提交逻辑仍依赖name
option 的 value 和显示文本不一致是常见需求
用户看到的是中文或描述性文字，后端需要的是简洁标识符（如 ID、英文 code），这时不能靠 option 的文本内容做判断。
-
value属性决定提交值，textContent或 innerHTML 决定显示内容 - 避免这样写：
<option>用户管理</option>（没设value，提交时值为空字符串） - 推荐写法：
<option value="user_mgmt">用户管理</option> - JavaScript 获取选中值应始终用
selectElement.value，而不是selectElement.selectedOptions[0].text
默认选中项要用 selected 属性，不要只靠第一个 option
浏览器会把第一个 option 当作初始选中项，但这只是渲染行为，不是语义保证。若要明确默认值，必须显式加 selected。
- 可靠写法：
<option value="active" selected>启用</option> - 不可靠写法：仅把
<option value="active">启用</option>放在最前，其他选项动态插入后可能破坏默认逻辑 - 服务端渲染时，建议由后端决定哪个
option带selected，而非前端 JS 补充 - JS 动态设置默认值应操作
selectElement.value = "xxx"，比操作selected属性更直接且兼容
多选 select 需配合 multiple 属性和后端接收逻辑
select 默认单选，开启多选后，提交的数据格式会变：不再是单个字符串，而是同名参数多个值（如 tags=1&tags=3&tags=5），后端必须能解析数组类结构。
- 启用多选：
<select name="tags" multiple></select>，同时建议加size属性（如size="4"）让可见选项数合理 - 用户需按住 Ctrl（macOS 是 Cmd）或 Shift 才能多选，纯鼠标点击会取消之前选择 —— 这点常被忽略，导致用户误以为“点不了多个”
- JS 获取多选值：用
Array.from(selectElement.selectedOptions).map(opt => opt.value)，别用selectElement.value（它只返回第一个选中项） - 部分框架（如 PHP）自动将
name="tags[]"解析为数组，但原生 HTML 提交仍是多个同名字段，是否加[]取决于后端约定
select 当成纯展示控件，忘了它本质是表单输入——name 缺失、value 空置、多选未适配后端接收方式，这三处一漏，数据就断在前端了。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
