動的なフォーム（webform）

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

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

コメント

ユーザー actbrain の写真

Submitted by actbrain on 2014/12/18 02:01.

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.34 ip_ranges ログインアタック対策は？
ユーザ 7.38 user form 新規ユーザー登録時、パスワード再設定時のパスワード入力抜けを防ぎたい
ユーザ 7.44 Password Policy 無効なユーザーを整理したい
ユーザ 7.23 PHP user_load_multiple()の復帰値
ユーザの管理 7.27 PHP 新規ユーザーの追加ができない
ユーザの管理 8.9.x user pass drupal 8 で 管理者（uid=1）パスワードがわからなくなったとき 新しいパスワードを設定する方法
ユーザの管理 7.50 Paypal continued billing drupal7のPaypal継続課金モジュールについて
ユーザの管理 7.15 Devel 簡単に指定ユーザにログインしなおす方法
ユーザの管理 7.59 user pass drupal 7 で 管理者（uid=1）パスワードがわからなくなったとき 新しいパスワードを設定する方法
リバースプロキシ 8.9.x mod_proxy mod_proxy_http mod_ssl Apache2.4 から httpsサーバーへリバースプロキシする方法
ログイン 8.7.x System ユーザー アカウントロックの範囲設定
拡張機能 8.3x Contribute modules drupal8-寄贈モジュールの動向
排他 7.26 lock Viewsモジュールの設定ページのような排他機能
権限 7.50 Cron Basic認証時のCron（wget）実行方法
権限 7.15 Path_Access Content_Access 特定のページ(パス)をアクセス制限したい
表示 7.34 Views Infinite Scroll Facebookページのようにスクロールするとコンテンツが追加されるようなコントロール
表示 7.26 Views ページ内に2つ目Viewsブロックを設置するときPagerが連動してしまう
見栄え 7.15 js Injector 簡単にJavascriptを追加する方法は？
言語 7.15 Entity Translation 各フィールドのラベルの多言語切り替え漏れ（フィールド・ラベル）
言語 7.15 Entity Translation nodeのEntity Translation

ページ