效果:省市联动



第一步:


拖入2个下拉列表框,将第1个设置名为province




第二步:


双击province,删除所有,新增更多。输入


江苏


广东


广西


axure7实现省市联动效果_ci



第三步:


将第2个下拉列表的内容清空,然后点击右键,转换为动态面板,设置名称为city




第四步:


双击city,分别设置三个状态:江苏、广东、广西(一定要与province的选项一致)


axure7实现省市联动效果_axure_02



第五步:


先设置动态面板city的"江苏"状态。双击江苏,进入编辑模式,直接双击下拉框,输入江苏下的城市名称如:


南京


无锡


苏州


再设置"广东",双击进入编辑模式后,需要添加一个下拉列表框,然后按照上述方法添加该省下的城市;广西亦如此。




第六步:


单击province,双击选择"选项改变时"


选择"设置面板状态"——"city"


选择状态处选择Value——名称和状态# 插入函数(点击fx图标)——新增局部变量,命名为pval选中项值于province,删除1,然后名称和状态#处插入变量[[pval]],确定即可

axure7实现省市联动效果_ci_03


第七步:预览(f5)

axure7实现省市联动效果_动态面板_04


axure7实现省市联动效果_axure_05