DOM加载完成前绑定change事件会导致获取元素为null而失效;二级下拉清空应优先用replaceChildren或循环remove;联动数据宜预构建对象映射提升查询性能;表单提交前须校验二级下拉是否更新完成。

change 事件监听必须在 DOM 加载完成后绑定
页面还没解析完就执行 document.getElementById('provinceSelect').addEventListener('change', handler),结果 getElementById 返回 null,后续一切逻辑静默失效。这不是代码写错了,是时机没卡准。
常见错误现象:第一次点没反应,刷新后又好了;或 SPA 页面切换回来联动失效。
- 最稳妥做法:把 JS 脚本放在



















