第13节-下拉列表DropdownList | 剑雨Axure RP9系列「基础」

下拉列表,又称下拉框，是一个可切换列表，其中包含多个选项，一次只能选择一个选项。

当你需要从多个答案中选中某一个时，可以采用此部件。比如国家的选择/地区的选择等。

添加，删除和重新排序Droplist选项

9DropList.png

• 元件添加：直接从左侧元件库上拖入；
• 下拉列表的编辑：直接双击Droplist；
• 选项的添加：点击左侧上方添加按钮（上图中第一个红框）；
• 选项内容的编辑：点击左侧上方的编辑多项按钮 （上图中第二个红框）
• 选项内容的输入：可直接右侧弹出窗口中输入；
• 选项的排序：选中某一个选项后，使用上方的上移或下移箭头；
• 选项的删除：选中某一个选项后，点击上方的删除按钮。

定义默认选项

通常，第1个选项为默认选项；

自定义选项：直接在选项前打上对勾。

注意：若需要设置默认选项为空白选项，则将该选项的内容输入为一个空格

9DropListDefault.png

特殊交互

针对下拉列表的特殊交互选项改变时， 可运用此交互来设置对应选项的交互事件。

• 可以设置全局变量将值传送至其他页面；
• 可以在交互事件选项改变时中设置条件，来触发其他元件的样式或动作。

• 9DropListInteraction.png

下拉框的<font color=red>提交按钮</font>

当鼠标进入下拉框的范围（获取焦点）时， 按住Enter键可以触发另一个元件的鼠标单击事件（OnClick事件）， 这一个元件称为提交按钮（submit button）。

为下拉框指定提交按钮的方法：选中下拉框后，单击右侧的选项，下方的“提交按钮”，在下拉菜单中选择要触发的元件。

9DropListSubmitButton.png