原型设计工具Axure RP参考（十六）：下拉列表小部件

下拉列表–也称为下拉列表、下拉菜单或下拉菜单–是一个包含多个选项的可切换列表，一次只能选择一个选项。Dropplist小部件位于Default小部件库的表单部分。当您想让用户从许多可能的答案中选择一个问题的单一答案时，请在用户输入表单中使用 droplist 小组件

下拉列表–也称为下拉列表、下拉菜单或下拉菜单–是一个包含多个选项的可切换列表，一次只能选择一个选项。Dropplist小部件位于Default小部件库的表单部分。当您想让用户从许多可能的答案中选择一个问题的单一答案时，请在用户输入表单中使用 droplist 小组件。例如，从世界上所有国家的长长的列表中选择一个国家，通常是用dropplist来完成的。

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

定义默认选项

通常，下拉列表中的第一个选项将作为默认选项出现。因此，如果您想让某个选项成为默认选项，您可以将其移至列表顶部。

要在列表中添加一个空白的默认选项，请输入一个空格字符作为选项的文本。

特殊性能
禁用

禁用下拉列表可防止用户在 Web 浏览器中与之交互。这也会激活小组件的 “禁用 “样式效果，使其显示为灰色。

有两种方法可以禁用小组件：

• 勾选 “交互 “窗格底部的 “已禁用 “复选框。
• 使用 Enable/Disable 动作在 Web 浏览器中动态禁用小组件。您可以将此作为任何交互的一部分，例如在加载页面或单击按钮时进行。

注意：您可以使用 Enable/Disable（启用/禁用）操作在 Web 浏览器中动态启用已禁用的小组件。

特殊互动

选择列表选项

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

您还可以使用“设置选定的列表选项”操作动态地更改下拉列表中的选定选项。您可以选择特定的列表选项，也可以使用变量值来设置新的选定选项。

捕获和评估所选选项

您可以通过交互和条件中的value选项的选定选项访问下拉列表的选定选项。例如，您可以将全局变量的值设置为下拉列表的选定选项，以将该值传递到另一个页面。您还可以在某种情况下评估下拉列表的选定选项，以便仅在选项与特定值匹配时才会触发特定情况。

提交按钮

ENTER在Web浏览器中将一个下拉列表作为焦点时按下该按钮可以触发页面上另一个小部件的Click或Tap事件，称为下拉列表的“提交按钮”。

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

• 选择下拉列表，然后单击“交互”窗格下部的“显示全部” 。
• 从“提交按钮”下拉列表中的合格小部件列表中选择。

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

局限性和解决方法

动态添加和删除Droplist选项

下拉列表中可用的选项不能在Web浏览器中动态更改，但是您可以通过制作具有多个状态的动态面板来模拟效果，每个面板都包含具有不同内容的下拉列表。如果要更改下拉列表中的选项，请切换动态面板的状态。

制表顺序

下拉列表和其他表单窗口小部件的选项卡顺序由其层深度确定，如“大纲”窗格中所示。您可以在“组织小部件”文章中了解有关此内容以及如何更改小部件的选项卡顺序的更多信息。

推荐阅读：

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

标签： 页设计视图模型 站设计原型设计