Axure下拉框的多选与取消

需求：下拉框实现多选，并可将选择内容显示在文本框中及通过文本框将选中项删除
提示：拆解需求，分步实现

提示：以下是本篇文章正文内容，下面案例可供参考

一、实现下拉框多选

1、先拉个矩形，并在矩形里绘制下拉框的内容

2、复制一份下拉选项，为绘制选中后的下拉项内容做基础

3、调整左侧基础样式及在右侧的下来选项中绘制选中后的样式

（1） 选中的样式是字体加粗并出现在选项后面出现对号图标
（2） 给所有选项都设置鼠标悬停事件（出现背景色）

4、给选中前和后的选项元件绑定交互事件，实现自如切换的效果

（1）给用到的元件命名

（2）侧默认选项绑定单击事件：显示选中后的对应元件，隐藏当前默认元件

（3）右侧选中后的选项绑定单击事件：隐藏选中后的对应元件，显示当前默认元件

（4）将选中后的选项隐藏，与默认选项放在同一坐标位置（覆盖）

5、效果

（1）默认选项悬停效果