表单联动核心在于“值变化→触发逻辑→更新DOM”链路的手动控制,需用addEventListener('change')监听、hidden属性隐藏字段、显式设置option值、数据驱动替代嵌套判断,并做好空状态兜底。

表单联动不是靠 CSS 类切换或属性绑定就能自动生效的,核心在于「值变化 → 触发逻辑 → 更新 DOM」这条链路必须手动控制。原生 JS 写法最可控,也最容易暴露问题点。
怎么监听 select 或 radio 的值变化才不漏事件
用 addEventListener('change', handler),别写 onchange = handler 或直接在 HTML 里写 onchange="..."。前者可多次绑定、便于解绑,后者会覆盖;HTML 内联写法还无法响应键盘操作(如方向键+回车选中)。
- 确保 DOM 加载完再绑定:放在
document.addEventListener('DOMContentLoaded', ...)里,或脚本放



















