下拉列表-Axure教程

下拉列表是一个可切换的列表，其中包含多个选项，一次只能选择一个。下拉列表元件位于默认元件库的“表单”部分。

当您希望用户从许多可能的答案中为一个问题选择一个答案时，可使用下拉列表元件。例如，选中省份。

添加、删除和重新排序下拉列表选项

要在下拉列表中添加和编辑选项，请双击画布上或大纲窗格中的下拉列表元件以打开编辑下拉列表对话框。您可以通过单击添加并在出现的字段中键入新选项的文本，将单个选项添加到下拉列表。或者，您可以通过单击“编辑多个”按钮一次向下拉列表添加多个新选项。

要重新排序下拉列表选项，请选择一个选项并使用对话框顶部的向上和向下按钮。要删除一个选项，请选择它并单击删除，或单击“编辑多个”并清除文本区域以一次删除所有选项。

定义默认选项

通常，下拉列表中的第一个选项将显示为默认选项。因此，如果您希望它成为默认选项，您可以将选项移至列表顶部。

但如果您希望将下方的选项作为默认选项，请在“编辑下拉列表”对话框中选中它旁边的框。这将使选中的选项成为默认选项。

要将空白默认选项添加到下拉列表，请输入单个空格字符作为选项文本。

特殊交互

选择列表选项

在 Web 浏览器中，您可以单击下拉列表将其打开并选择一个选项。

您还可以使用“设置列表选中项”动作动态来更改下拉列表中的选中项，通过指定列表选项或使用变量值的方式来设置。

读取和判断所选选项

您可以通过交互和条件中的值选项的选中项访问下拉列表的选中项。例如，您可以将全局变量的值设置为下拉列表的选中项，以便将该值传送到不同的页面。您还可以在条件中判断下拉列表的选中项，以便仅在选项匹配特定值时才会触发特定事件。

提交按钮

当下拉列表在 Web 浏览器中获得焦点时按下ENTER键可以触发页面上另一个元件的单击事件，称为下拉列表的“提交按钮”。

将提交按钮分配给下拉列表：

1. 选择下拉列表，然后单击“交互”窗格下部中的“全部显示”。

2. 从提交按钮下拉列表中的元件列表中进行选择。

要取消分配提交按钮，请单击下拉列表底部的取消分配提交按钮。

—— 作者：Axure工坊，智新信息科技(广州)有限公司旗下的原创软件与互联网原型作品、素材、模板的共享交易平台，提供PC、APP、小程序、WEB等各端及电商、O2O、门户网、大数据等各行业的原型设计资源。

—— 官网：www.axured.cn

—— Axure交流群：681760590

—— 作品中心：原型作品及元件库下载