下拉菜单

Note

下拉菜单能够让您的用户从预定义的选项中选择某个值。

何时用到下拉菜单?

您可以参照下列几点来确定何时使用下拉菜单控件:

  • 如果需要用户输入的数据限定在一组定义好的选项中,并且每个条目/记录只能显示其中一个选项,可使用下拉菜单。
  • 单选控件也可以使用户从预定义的一组选项中选择一个值。下拉菜单和单选控件的不同之处在于,当用户在浏览器上访问它们时,选项的显示方式分别在下拉菜单和单选按钮中。
  • 如果允许用户选择多个值,则必须选择使用多选或复选框控件。
  • 如果你想创建一个动态的选项列表,例如,你想提供一个初始选项集合供选择,但还要考虑这个选项集合的增长,则可选择使用查阅项控件。

字符限制

下拉菜单显示的单个选项最多包含255个字符。换句话说,下拉字段可以存储最多255个字符的输入。

在表单中加入下拉菜单控件

首先,在控件面板中找到下拉菜单控件,然后将它拖拽到您表单中的合适位置。

下拉菜单的基础设置

打开内容>基础设置面板进行此多元数据控件的标题设置。关于更多控件标题的信息,请参考:

控件的标题

为下拉菜单字段设置关联变量。当您新增了一个字段,系统会随之自动创建一个默认变量。您可以单击编辑按钮来更新变量标识和变量名称,或者单击重置按钮将该字段绑定到系统中已有的某个变量上。关于更多信息,请参考:

了解表单控件和相关变量/字段

下拉菜单的显示

打开内容>显示面板进行下拉菜单字段的外观和布局设置。

占位符:为下拉菜单字段设置占位符文字。

显示标题:选择显示或隐藏字段的标题。

允许评论:打开开关将允许用户在该字段上添加评论。

动态显示规则:如果您设置了动态显示规则,该字段将会根据设置的条件与规则动态显示。请参考:创建动态显示规则

下拉菜单的选项

打开内容>选择项面板来添加、编辑以及删除某个选项。

  • 定义选项的显示顺序:您可以拖动选项以按所需顺序手动排列选项。
  • 重命名下拉菜单中的选项。
  • 设置初始值:单击某个选项开头的单选按钮,将其设置为下拉菜单的初始值。当用户访问表单时,将预选初始值。设置初始值不会限制用户删除它或从下拉列表中选择其他选项。
  • 单击清除默认值按钮以删除初始值

下拉菜单的验证

打开内容>验证面板来设置下拉菜单的属性。

只读:打开该开关会使该字段处于只读模式。

必填项:使该字段为必填项。用户将不能在该字段上留空。

自定义验证:设置自定义验证规则后,如果规则被满足,一个错误信息将会显示在该字段下。您可以为一个字段创建多条自定义验证规则。更多信息请参考:自定义验证

下拉菜单的动作唤起

打开内容>动作面板来唤起一个已定义好的动作。当下拉菜单的值发生变更时,这个动作将会被触发。

设计下拉菜单

字段-可编辑

打开样式>字段-可编辑面板来设置下拉菜单字段在可编辑状态下的样式。

  1. 排版:为字段中的文本内容设置排版样式。
  2. 常规/焦点:为下拉菜单字段的常规以及焦点状态设置不同的样式。以下样式支持常规与焦点状态下的分开设置。
    • 颜色:选择字段内文字的颜色。
    • 背景颜色:为下拉菜单设置背景色。背景色默认为透明。
    • 边框类型:选择边框类型,可选择:无边框、实线、双实线、点线、虚线、凹槽。
    • 边框半径:设置边框半径来控制圆角。 
    • 阴影:设置阴影显示。
  3. 占位符颜色:对占位符进行颜色设置。
  4. 对齐:设置字段内文字的对齐方式。可选择左对齐、居中或者右对齐。
  5. 内边距:设置字段的内边距。
  6. 字段宽度:设置字段宽度,可按PX或%进行设置。
  7. 字段对齐:设置字段对齐。该设置只有当字段宽度小于外层宽度时才生效。
  8. 错误消息:为错误消息设置样式:
    • 排版:为错误消息设置排版。
    • 颜色:为错误消息文字设置颜色。

下拉菜单

打开样式>下拉菜单面板来设置下拉菜单字段的下拉选项样式。

  1. 排版:为下拉选项设置排版样式。
  2. 对齐:为下拉选项设置对齐方式。可选择左对齐、居中或者右对齐。
  3. 内边距:为下拉选项设置内边距。
  4. 常规/悬停/活动:为下拉选项设置在常规、悬停、活动状态下的不同样式。以下样式支持在常规、悬停、活动状态下分别设置。
    • 文字颜色:选择下拉选项文字颜色。
    • 背景颜色:选择下拉选项的背景色。
    • 边框类型:选择下拉选项的边框类型,可选择:无边框、实线、双实线、点线、虚线、凹槽。
    • 边框半径:设置下拉选项的边框半径来控制圆角。
    • 阴影:设置阴影。

字段-只读

打开样式>字段-只读面板来设置下拉菜单字段在只读状态下的样式。

  1. 排版:为字段中的文本内容设置排版样式。
  2. 颜色:选择字段内文字的颜色。
  3. 背景颜色:为下拉菜单设置背景色。背景色默认为透明。
  4. 对齐:设置字段内文字的对齐方式。可选择左对齐、居中或者右对齐。
  5. 内边距:设置字段的内边距。
  6. 边框类型:选择边框类型,可选择:无边框、实线、双实线、点线、虚线、凹槽。
  7. 边框半径:设置边框半径来控制圆角。

标题样式

控件标题的样式设置请参考:控件的标题

高级设置

控件的高级设置请参考:高级设置

Updated on 2022年11月23日

Was this article helpful?

Related Articles