鼠标单击矩形时，同样我们首先要用更新行的交互，将当前行true列的值更新为1，结合上面的交互，相当于该元件会禁用变色。这里我们同样还需要考虑到之前是否有选项已经被选中变色了，所以我们用要做一个重置，简单来说就是把true列所有的值先变成0，然后在更新当前行。
所以我们要先用标记行的事件，标记所有行，然后用更新行的交互，更新已标记的行，将true列的值更新为0。
选择之后，我们还要将文本回显到回显框里，我们用设置文本的交互，将中继器表格中当前行Column1和Column2的值设置到回显框里即可。
6. 一级标签文字的交互事件
如果我们选择省份后发现选择错了，那么我们可以店家一级标签的文字，重新回到一级选择器的界面选择。
所以鼠标单击一级标签文字时，首先用选择的事件，将当前元件设置为真，结合前面的选中样式，改文本就会显示下边线。
然后我们用设置面板状态的交互，将选择器的动态面板设置到1级选项的面板，这样我们就可以继续选择1级的选项。
最后，我们如果需要做一个背景矩形和动态面板自适应尺寸的大小，就是随着选项多少自动改变尺寸。我们用设置尺寸的交互，宽是还是原来的宽度，高度我们设置为1级选项中继器的高，背景矩形还要额外留出一点空隙。
这里和扇面二级文字的交互基本一直，只是选择的对象不同：
这样我们就完成了二级下拉选择器原型模板的制作了，下次使用时，只需要修改中继器表格里的选项信息，即可自动生成交互效果，是不是很方便呢？
那以上就是分级下拉选择器的全部内容了，感谢您的阅读，我们下期见~~~
本文由 @Axure高保真原型 原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash，基于 CC0 协议。
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
