動的なフォーム(webform)

カテゴリ フォーム コアバージョン 7.34 関連モジュール Webform

お問い合わせフォームや募集フォームのコントロールはWebformが定番ですが、Webformで動的なフォームができますか?
・項目AでAAを選択すると、関連する項目AAAを表示
・項目AでBBを選択すると、関連する項目BBBを表示
とか...

コメント

ユーザー actbrain の写真

Webform conditionalモジュールを利用することで実現します。
https://www.drupal.org/project/webform_conditional
 
Webform conditionalをインストールすると、Webformのコンポーネント設定ページに「条件付きルール」というフォームが追加されます。
以下、https://www.act-brain.co.jp/contact のページの「弊社からの連絡方法」の動き〜設定方法で説明します。
動きとしては、
弊社からの連絡方法
 □ 電話
 □ Skype
 □ メール
のチェック具合により、「電話番号」、「Skype-ID」、「メールアドレス」各々の入力フォームが表示されたり隠れたりします。
 
 
設定内容は以下のとおりです。結構簡単に実現できますので試してみてください。
 
1.「弊社からの連絡方法」コンポーネント フィールドフォームの設定
 1)オプション(選択肢)
  telephone|電話
  skype_id|Skype
  email|メール
2.「電話番号」フィールドフォームの設定
 1)条件付きルール
  ・コンポーネント=「弊社からの連絡方法」
  ・オペレータ=「いずれか」
  ・値=telephone・・・1.1)のオプションのうちtelephoneを指定
3.「Skype-ID」フィールドフォームの設定
 1)条件付きルール
  ・コンポーネント=「弊社からの連絡方法」
  ・オペレータ=「いずれか」
  ・値=skype_id・・・1.1)のオプションのうちskype_idを指定
4.「メールアドレス」フィールドフォームの設定
 1)条件付きルール
  ・コンポーネント=「弊社からの連絡方法」
  ・オペレータ=「いずれか」
  ・値=email・・・1.1)のオプションのうちemailを指定

ページ

OTHER FAQ

Drupal開発・運用の疑問/質問の答えはここに

無料ユーザー登録すると質問できます。

カテゴリ Core Ver. 関連モジュール タイトル
サイトの環境設定 7.59 さくらのレンタルサーバー php Options さくらのレンタルサーバーで パブリック/プライベートディレクトリにファイルが書き込まれないとき
ユーザの管理 8.9.x user pass drupal 8 で 管理者(uid=1)パスワードがわからなくなったとき 新しいパスワードを設定する方法
ユーザの管理 7.59 user pass drupal 7 で 管理者(uid=1)パスワードがわからなくなったとき 新しいパスワードを設定する方法
コンテンツの管理 8.9.x Dialog Modal Canvas drupal 8 の標準機能のダイアログ/ポップアップを表示する方法
コンテンツの作成 8.9.x Display sweet, Views, Twig Tweak, Views field formatter テーマに頼らず コンテンツのフィールドとしてViewsを埋め込み表示する方法
コンテンツの作成 8.9.x CSS キャプション付きの(右寄/左寄)画像を画像サイズを基準にきれいに表示する方法
コンテンツの作成 8.9.x CKEditor CKEditor編集中の見た目をフロントと全く同様にする方法
アップデート 8.9.x Composer update composer update するときに パッチが必要なモジュールが更新されパッチが消えてしまうことへ対応する方法
アップデート 8.9.x PHP CentosでPHPのバージョンアップ(例:5.3->5.6)を行う方法
PHP 8.9.x PHP YamlをPHP配列にする方法
mac linux ファイル名 文字化け 8.7.x mac linux ファイル名 文字化け Macからlinuxにrsyncするとファイル名(濁点)が文字化けする場合の対応方法
Gmian 8.8.x Gmail Gmail:外部メールサーバー経由のメール送信ができなくなった場合の対処方法
ログイン 8.7.x System ユーザー アカウントロックの範囲設定
アップデート 8.8.x Composer composer updateが異常終了する
テーマ 8.7.x Bartikのtwigについて
フォーム 8.7.x Webform WebformのCheckboxの要素にて表記の変更
コンテンツの作成 8.7.x CkEditor CKEditorエディタ内に Colorboxポップアップ を簡単に挿入する方法
アップデート 8.7.2 menu drupal-core 8.7.2にupdateしたところ
Viewsプログラミング 8.6.x Views Drupal8 Viewsの動的キャッシュをクリアする方法
フォーム 8.6.x JavaScript 特定のformに動的にJavaScriptをロードする方法

ページ