Axure 9 多个下拉列表间的级联关系联动

级联关系存在于各种各样的业务场景中。如省市级联、部门级联、年级班级级联等等。在用Axure 9设计原型时,碰到这种级联关系的下拉选项,该如何操作呢?

直接上步骤:

说明:此例仅演示两层级联关系,多层的级联关系无非是重复操作步骤而已。。


  1. 新建两个下拉列表,将第一个下拉列表的下拉选项设置两个值:山东、四川。并将第二个列表转换为“动态面板”(选中下拉框,右键菜单中)。

    在这里插入图片描述
    说明:转换为动态面板是为了能够放下不同省对应的市,一个省对应一个动态面板的一个状态

  1. 双击第二个下拉框,出现编辑“动态面板”页面。然后按图示操作。

    在这里插入图片描述

在这里插入图片描述
点击下图所示“重复状态”,会出现新的State1,将其改名为“四川”。
切记不要点击小面板上的“添加状态”,不然动态面板第二个状态里就没有下拉框。

在这里插入图片描述
然后,切换动态面板状态为“山东”的下拉框,添加几个山东的市的下拉选项。同理于状态为“四川”的动态面板。


  1. 单击选中第一个下拉框,新建交互,选择事件为:选项改变时。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点击确定,完成第一种情形的添加。
同理,添加第二种情形,注意将条件更改为“四川”。完成后如下图。

在这里插入图片描述


  1. 选中情形1,点击左侧“设置面板状态”,在弹框中勾选动态面板,再在右侧的状态中选择“山东”。同理,将情形2的动态面板状态设置为“四川”。
    点击确定。

在这里插入图片描述


5. 点击主页面“预览”即可在浏览器中看到动态的省市级联效果。
  • 7
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值