级联选择Cascader
换了产品系列，为什么旧型号不能偷偷保留下来？
级联选择按父子关系逐级展示候选，后一级取决于前一级，例如品类、系列、型号组成的一条路径。它可以按设计支持单条或多条路径，以及父级或仅叶子节点选择，不能只凭外观猜规则。
先选大的范围，再从这个范围里选更细的一项。前面的选择改了，后面的答案要重新看是否还属于它。
填地址时换了省份，原来的城市可能不再有效，不能把两个不相属的地方拼成一个地址。
类比到这里为止：并非所有分类都只有一条父子路径；如果对象属于多个维度，硬塞进单一路径会丢失关系。
采购商先选灯具，再选室外系列，最后选某个型号。改成室内系列后，清楚提示型号需要重新选择，不把旧型号误接到新系列。
父级变化时重新核对下级
- 候选范围
- 只展示当前上级允许的下级选项。
- 已有值
- 保留仍然有效的值；失效的值提示重选，不静默换成第一项。
- 确认结果
- 按稳定标识保存路径或节点，接收端再次核对父子关系。
长路径也要能看清
选择框里可以缩短显示，但完整路径应能查到，尤其是不同系列下存在同名型号时。手机端可分步显示并清楚提供返回上一级，不必把多列强挤在一屏。
这里介绍的是交互模式。具体组件库的父级可选、多选与懒加载能力，需按项目实际版本配置和验收，不能从一张截图推断全部行为。
继续看项目应用与交付检查
级联选择 在项目中负责什么
- 什么时候用
- 对象有较稳定的层级，用户能从上级逐步缩小范围时。
- 它解决什么
- 分段展示大量相关候选，避免一个下拉框同时堆满所有层级的名称。
- 它不负责什么
- 必须说明选到父级是否算完成、是否支持多选。叶子没有子项与子项还没加载，是不同状态。
- 放进真实项目
- 让采购商按产品大类、系列、型号逐层找到需要询价的产品。
级联选择用于层级明确、后一级依赖前一级的分类
选择产品时先选材料，再选系列，再选具体型号；先选国家，再选省州和城市，也存在这种关系。
- 01
确认层级真的能减少选择难度。
- 02
让用户随时看见完整路径。
- 03
处理空分支和加载失败。
上级决定下级范围，完整路径一起核对。
容易混淆的地方
级联选择强调逐级走路径，树选择强调在展开层级里挑节点。两者都可能单选或多选，不能简单用选几个来区分。
客户已选择“灯具 → 工作灯”，随后把上级类别改成“连接器”。下级选择应该怎样处理？
你可以这样告诉 AI Agent
“
我在处理这件事：让采购商按产品大类、系列、型号逐层找到需要询价的产品。请以“级联选择”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践