form.reset()对级联下拉无效，因其仅还原html初始快照，不删除js动态添加的option、不恢复disabled状态；真正清空需同步重置value、清空options、设置disabled，并按data-level升序处理，ios需加pointer-events:none及解绑change事件。
直接调用 select.value = '' 或 form.reset() 都不能真正清空级联下拉菜单的选项列表——它只会重置选中项，而动态插入的 <option></option> 仍残留，后续选择可能提交非法组合。
为什么 form.reset() 对级联下拉无效
浏览器原生 reset() 只还原 HTML 初始快照：它不删除 JS 动态添加的 <option></option>，也不恢复 disabled 状态。比如二级城市下拉曾被填入 “杭州”“苏州”，reset() 后这两个 <option></option> 还在，只是 value 变空了。用户可能误选 “广东省 → 杭州” 这类跨省组合。
手动清空 select 的三步操作
必须同步处理 value、options、disabled 三个状态，且按级联顺序（data-level 升序）执行：
- 设
el.value = '' - 清空所有子节点：
while (el.firstChild) el.removeChild(el.firstChild)，再 append 一个默认<option value="">请选择</option> - 对
data-level> 1 的 select，加el.disabled = true和el.setAttribute('aria-disabled', 'true')
iOS Safari 上 disabled 不生效怎么办
仅设 disabled 在 iOS Safari 中常被忽略，导致用户仍可点击触发 change 事件。必须额外加 CSS：
.cascade-select[aria-disabled="true"] {
pointer-events: none;
}
同时清除前要解绑 change 事件，否则设 value = '' 会触发无意义请求；清空完再重新绑定，或统一用事件委托 + 标记位（如 isClearing）跳过处理逻辑。
级联下拉的“清空”本质是状态链重置，不是单个控件赋值——漏掉 options 清理、disabled 同步或事件解绑任意一环，都会导致界面状态与数据逻辑错位。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
