用Axure在画高保真原型的过程中，常常出现需要两个或者两个以上的下拉列表联动选择的情况，采用活动面板制作就会比较复杂，为了高移植性更强，更便于使用，采用中继器联动来制作这种效果。

基础元件准备

准备两个中继器，分别命名为一级下拉选和二级下拉选；

准备两个矩形，分别命名为一级选择和二级选择；

按照下图方式布置，可以将中继器和矩形的大小设置为300×40；

中继器设置

就以省份-城市选择为例。

分别对一级下拉选中继器和二级下拉选进行设置，其中一级下拉选中只保留一列，字段命名为province，增加测试数据为：北京、天津、河北；二级下拉选中保留两列，分别命名为province_city和city，增加测试数据：[北京，海淀][天津，南开区][天津、河西区][天津，河东区][河北省、石家庄市][河北省，沧州市][河北省，廊坊市][河北省，唐山市]；

注意：一级下拉选中继器.province和二级下拉选中继器.province_city要保持同步。

每个中继器在交互中会有默认载入设置，默认载入第一列数据。

对一级下拉选中继器的交互设置保持默认不进行修改；

对二级下拉选中继器的交互设置进行修改，载入时矩形文本设置为city字段。

画布里显示样式如下图：

中继器交互设置

设置思路为：

点击一级下拉选中继器内的矩形时，将文字赋值给一级选择矩形；

当一级选择完成的同时对二级中继器进行设置筛选，在二级下拉中继器中只显示二级下拉中继器.province==一级选择矩形文字的内容；

点击二级下拉选中继器内的矩形时，将文字赋值给二级选择矩形；

1、设置一级下拉选中继器：

双击一级下拉选中继器进入内部，点击内置矩形；

给矩形设置交互，鼠标点击时设置文本，将一级下拉选中继器的选择内容赋值给一级选择矩形；

同时设置二级下拉选择中继器的筛选，添加中继器筛选动作。

2、设置二级下拉选中继器：

双击二级下拉选中继器进入内部，点击内置矩形；

给矩形设置交互，鼠标点击时设置文本，将二级下拉选中继器的选择内容赋值给二级选择矩形；

到此，中继器二级联动下拉选已有雏形。

增加筛选功能

为增强下拉列表的便捷性，为其增加筛选功能。

准备元件：两个文本框，分别命名一级筛选文本框和二级筛选文本框。

为一级筛选文本框设置交互：一级文本框文本改变时，对一级下拉选中继器增加筛选，添加局部变量和插入变量函数。

将文本框的元件文字设置为局部变量；

对局部变量设置模糊搜索；

 为二级筛选文本框设置交互：二级文本框文本改变时，对二级下拉选中继器增加筛选，添加局部变量和插入变量函数。

将文本框的元件文字设置为局部变量；

对局部变量设置模糊搜索；

​​​​​​​为中继器设置滚动条

中继器不能够直接设置滚动条的，所以要是下拉列表中的内容过多的话，其显示效果就会很不协调。

为此，通过中继器和活动面板的结合使用优化显示效果。

点击中继器，右键选择转为活动面板并命名为二级选择。

设置活动面板大小尺寸为300×200，同时在活动面板的样式中设置为垂直滚动，即可出现滚动效果。

​​​​​​​样式调整

根据框架整体颜色，调整样式。