AxureRP8实战手册-案例30（省市列表的选择联动）

案例79. 省市列表的选择联动

案例来源:

360官网-个人中心-详细资料

案例效果：

• 初始状态/选择“请选择”时：（图5-181）

• 选择省市列表项时：（图5-182）

案例描述：

省市区县列表的初始选项为“请选择”，改变省市列表的选项时，区县的列表内容跟随改变。

元件准备：

• 页面中：（图5-183）

• 动态面板“DistrictPanel”的状态：（图5-184）

• 动态面板“DistrictPanel”各个状态的内容：（图5-185）

包含命名：

• 动态面板（用于放置各市区县列表）：DistrictPanel
• 动态面板状态（用于放置“请选择”列表）：请选择
• 动态面板状态（用于放置“北京市”列表）：北京市
• 动态面板状态（用于放置“天津市”列表）：天津市
• 动态面板状态（用于放置“上海市”列表）：上海市
• 动态面板状态（用于放置“广东省”列表）：广东省

思路分析：

• 省市列表的选项改变时，让动态面板显示状态名称与选项名称相同的状态；（操作步骤1）
• 在更换选项时，还要将市区县列表中的选项恢复为第一个。（操作步骤2）

操作步骤：

1、为省市下拉列表的【选项改变时】事件添加“用例1”，设置动作为【设置面板状态】；{选择状态}为【Value】，{状态名称或序号}中填写“[[p]]”；公式中“P”为局部变量，其内容为“当前元件”（This）的【被选项】；

• 局部变量设置：（图5-186）

2、继续上一步，添加动作【设置列表选中项】，勾选动态面板“DistrictPanel”中所有的下拉列表，{设置被选项}中的【选项】软件会自动设置为第1个选项，无需更改。

• 事件交互设置：（图5-187）