多级下拉选择器，是利用中继器利用中继器筛选行来实现交互效果，常用城市多级选择、品牌等多级选择

工具/软件

Axure9

步骤一：准备元件

选择矩形，图片箭头，设置选中效果组成下拉选择框，矩形框命名为“边框”

省/市/区文本，文本内容为空，自动适配文本

添加三个中继器，分为为省/市/区

为省中继器添加数据，设置中继器矩形选中、悬停样式并设置中继器分组

为市中继器添加数据，设置中继器矩形选中、悬停样式并设置中继器分组，城市数据需要关联上一级省中级数据，可通过选中上一级“省”中继器当前文本来为下一级做添加筛选

为区中继器添加数据，设置中继器矩形选中、悬停样式并设置中继器分组，同市中继器同理，需要添加省-市中级数据

三个中继器分别添加背景矩形，创建省-市-区动态面板

设置市、区动态面板默认为隐藏状态

选中三个中继器动态面板转换为动态面板“省-市-区”，并设置为默认隐藏

步骤二：设置交互

下拉组合

单击时：
   设置“边框”为选中“真”
   动态面板“省-市-区”显示“真”

选中“省”中继器矩形，设置交互

单击点击时：
   设置“当前”元件为选中“真”

选中时：
   中继器“市”动态面板显示“真”。显示中继器动态面板“市”
   中继器“区”动态面板显示“假”。隐藏中继器动态面板“区”
   添加中继器“市”筛选，规则[[Item.sheng==TargetItem.sheng2]]，并移除其他是筛选。[[Item.sheng==TargetItem.sheng2]]表示当前选项文本=市区“sheng2”文本，表示为中继器“市”添加选中文本筛选
   设置文本“省”=“[[This.text]]”
   设置文本“市”=“”
   设置文本“区”=“”
   设置文本“边框”=“”

中继器“市”矩形选项添加交互

单击点击时：
   设置“当前”元件为选中“真”

选中时：
   中继器动态面板“区”显示为“真”。显示中继器动态面板“区”
   添加中继器“区”筛选，规则[[Item.diqu2==TargetItem.diqu3]]，并移除其他是筛选。[[Item.diqu2==TargetItem.diqu3]]表示当前选项文本=区“diqu3”文本，表示为中继器“区”添加选中文本筛选
   设置文本“市”=“/ [[This.text]]”
   设置文本“区”=“”
   设置文本“边框”=“”

中继器“区”矩形选项添加交互

单击时：
   设置“当前”元件为选中“真”
   设置动态面板“省-市-区”显示“隐藏”
   设置“边框”选中状态“假”

选中时：
   设置文本“区”=/ [[This.text]]

设置号保存即可预览原型

文本由AXMAX创建，具体可以查看axmax组件库查看交互效果和下载学习