【Axure】二级多选下拉列表

效果

1.单击下拉框弹出一级选项组，箭头变换方向

2.单击一级选项组弹出二级选项组

3.鼠标移入移出一级选项组和二级选项组选项时有浅蓝色移入移出填充效果

4.单击未选中或半选状态的一级选项，选中该一级选项及其对应的所有二级选项，并展示对应的二级选项

5.单击选中的一级选项，取消选中该一级选项及其对应的所有二级选项的，并展示对应的二级选项

6.单击未选中的二级选项，选中该二级选项，并判断同类目的二级选项是否都选中，若同类目的二级选项都选中则对应的一级选项处于全选状态；若同类目的二级选项有处于未选中状态的，则对应的一级选项处于半选状态

7.单击选中的二级选项，取消选中该二级选项。并判断对应的一级选项的状态。若同类目的二级选项都处于未选中状态，则对应的一级选项处于未选中状态；若同类目的二级选项有处于选中状态的，则对应的一级选项处于半选种状态。

8.单击下拉列表以外区域，收起两个选项组，箭头变换方向

概况

交互