Категория:
Опубликовано:

Зависимые поля в Webform

Webform Conditional Fields

Делаем взаимосвязанные поля в форме созданной с помощью модуля Webform. Conditional Fields - поля появляющиеся при выборе определенного значения.

Таким образом можно создавать анкеты с зависимыми значениями, иерархические списки выбора и прочие плюшки, для отправки пользователями.

Качаем и устанавливаем модуль Webform версии 4.x Последнюю версию берем на странице модуля. Стандартная установка в папку sites/all/modules.

После установки создаем форму (node/add/webform). На первой странице задаем название нашей формы, сохраняем и попадаем на страницу настройки формы.

Добавляем поле со списком выбора, со значениями, например:

  • 1|One
  • 2|Two
  • 3|Three
Значения 1, 2 и 3 - это ключи элементов списка. One, Two и Three - значения элементов списка. Скриншот

Добавляем поля, для примера я взял поля разного типа:

  • One - Строка текста
  • Two - Текстовая область
  • Three - Число
wf

Переходим во вкладку "Условия", где и настроим зависимости полей.

wf conditional fields

Добавляем новую зависимость:

wf add conditional

Здесь все работает элементарно просто, ниже, на скриншоте привожу описание всех настроек:

wf conditional settings

Делаем следующие зависимости:

  • If List = One then показать One
  • If List = Two then показать Two
  • If List = Three then показать Three
wf conditionals

Теперь можно перейти на страницу формы и посмотреть на результат.

Так же можно создавать более сложные зависимости, с конструкциями И / ИЛИ.

wf and or conditional settings
Если у Вас возникли вопросы, замечания, предложения или просто благодарность - пишите в комментариях.
Делитесь полезными материалами в социальных сетях.
Добавить комментарий