多语言展示
当前在线:1488今日阅读:60今日分享:41

一对多联动效果

接下来介绍在Axure rp中如何实现省市县三级联动。
工具/原料
1

电脑

2

Axure rp

方法/步骤
1

在画布中拖一个下拉列表框,命名为省份,单击新增多个,输入河北、山东、黑龙江等省份名称。

2

再拖一个下拉列表框,命名为市区。鼠标选择该元件,右键|转换为动态面板

3

动态面板名称为市区,三个状态分别为河北市区、山东市区、黑龙江市区

4

进入河北市区状态,双击该下拉列表框元件,单击新增多个,石家庄、唐山、保定等。

5

进入山东市区状态,双击该下拉列表框元件,单击新增多个,青岛、济南、威海、烟台等。进入黑龙江市区状态,双击该下拉列表框元件,单击新增多个,大庆、牡丹江、哈尔滨等。

6

选中省份下拉列表框,给它添加选项改变时触发事件。

7

单击添加条件,让选中项值等于黑龙江,在添加动作下面单击 设置面板状态,在配置动作下面勾选 Set市区 动态面板,选择黑龙江市区这个状态

8

用同样的方式设置河北省和山东省。

9

按F5预览效果,选择山东省,则出现山东省的市区;选择河北省,则出现河北省的市区。

推荐信息