お問い合わせフォームや募集フォームのコントロールはWebformが定番ですが、Webformで動的なフォームができますか？
・項目AでAAを選択すると、関連する項目AAAを表示
・項目AでBBを選択すると、関連する項目BBBを表示
とか...
動的なフォーム（webform）
OTHER FAQ
| カテゴリ | Core Ver. | 関連モジュール |
タイトル |
|---|---|---|---|
| 開発 mail | 7.50 | Mail Safety | 開発／テスト用サイトのメール |
| テーマ | 8.9.x | patch パッチ | 開発環境のファイル変更を本番環境にパッチでデプロイする方法（画像含まず） |
| ユーザ | 7.23 | User | 長い投稿者名の表示が切れる |
| フォーム | 7.16 | Webform, Mail System, Mime Mail, Jp Mail Helper | 送信メールのサブジェクトが長いと文字化けする |
| サイトの環境設定 | 7.23 | Pathauto | 自動生成されるURLエイリアスがおかしい |
| コンテンツの作成 | 7.15 | Darty Form | 編集ページでの操作ミス |
| サイトの環境設定 | 8.9.x | 編集 | |
| コンテンツの管理 | 7.15 | Content Access | 簡単に閲覧制限を行うには？ |
| ユーザの管理 | 7.15 | Devel | 簡単に指定ユーザにログインしなおす方法 |
| 見栄え | 7.15 | js Injector | 簡単にJavascriptを追加する方法は？ |
| テーマ | 7.15 | CSS Injector | 簡単にCSSを追加したい |
| アップデート | 7.34 | Core | 簡単にCoreのセキュリティアップデートがしたい |
| テーマ | 8.3x | Block Cache Theme | 管理ページから作成したカスタムブロックを非キャッシュ化する方法 |
| コンテンツの作成 | 7.38 | CKEditor | 突然GoogleMap内の経路がずれてしまった |
| コンテンツの管理 | 6.x | Views Flag Calendar | 空き室予約のような仕組みは実現できますか？ |
| サイトの環境設定 | 7.23 | Image Style | 画像スタイルの使い方（Crop） |
| Views | 8.4x | hook_views_query_alter | 現在のViewsクエリを保存・再現する方法 |
| 権限 | 7.15 | Path_Access Content_Access | 特定のページ(パス)をアクセス制限したい |
| フォーム | 8.6.x | JavaScript | 特定のformに動的にJavaScriptをロードする方法 |
| フォーム | 8.6.x | JavaScript | 特定のformにJavaScriptを紐付ける方法 |
コメント
Webform
パーマリンク 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を指定
ページ