Выпадающий список

Чтобы добавить в задание выпадающий список, используйте компонент {{#field type="select" name="<идентификатор поля>"}}... {{/field}}. Идентификатор поля должен совпадать с названием поля в описании выходных данных. Элементы выпадающего списка создаются с помощью вложенного выражения {{select_item}} . Например:

{{#field type="select" name="colour" placeholder="Выберите цвет" width="200px"}}
  {{select_item value="red" text="Красный"}}
  {{select_item value="green" text="Зелёный"}}
{{/field}}
Полный список параметров

Параметр

Описание

Обязательный

Значение по умолчанию

type

Тип поля: select — выпадающий список.

да

нет

name

Идентификатор поля. Должен совпадать с названием поля в описании выходных данных.

да

нет

placeholder

Название выпадающего списка в интерфейсе.

нет

нет

width

Ширина поля. Указывается в следующих единицах:

  • Пиксели. Например: width="100px".

  • Доля от размера родительского элемента. Например: width="100%".

Можно также задать ширину формулой. Например: width="calc(100%-30px)".

нет

зависит от длины подписи

validation-show

Расположение всплывающих подсказок (отображаются, если ответ не прошел валидацию). Расположение указывается относительно поля ввода.

Допустимые значения:

  • Над полем ввода: "top-left" (слева), "top-center" (посередине), "top-right" (справа).

  • Под полем ввода: "bottom-left" (слева), "bottom-center" (посередине), "bottom-right" (справа).

  • Слева от поля ввода: "left-top" (сверху), "left-center" (посередине), "left-bottom" (внизу).

  • Справа от поля ввода: "right-top" (сверху), "right-center" (посередине), "right-bottom" (внизу).

  • Не показывать сообщение ("false").

нет

"top-left"

size

Размер поля.

Допустимые значения: "S", "M", "L".

нет

"L"

class

CSS-класс для поля. Например: class="annotation".

нет

".field" ".field_type_select"

disabled

Возможность редактирования:

  • disabled=true — поле закрыто для редактирования.

  • disabled=false — поле открыто для редактирования.

нет

false

mode

Направление, в котором раскрывается список:

  • mode="dropdown" — вниз.

  • mode="dropup" — вверх.

нет

"dropdown"

value

Текст, который записывается в файл с выходными данными при выборе данного элемента.

нет

нет

text

Название элемента списка.

нет

нет

selected

Элемент списка, который выбран по умолчанию:

  • selected=true — сделать элемент списка выбранным по умолчанию.

  • selected=false — оставить элемент списка невыбранным по умолчанию.

нет

false

В описании выходных данных добавьте поле с типом string:

{
  "colour": {
    "type": "string",
    "required": true
  }
}