お問い合わせフォームや募集フォームのコントロールはWebformが定番ですが、Webformで動的なフォームができますか?
・項目AでAAを選択すると、関連する項目AAAを表示
・項目AでBBを選択すると、関連する項目BBBを表示
とか...
動的なフォーム(webform)
OTHER FAQ
カテゴリ | Core Ver. | 関連モジュール | タイトル |
---|---|---|---|
サイトの環境設定 | 7.59 | さくらのレンタルサーバー php Options | さくらのレンタルサーバーで パブリック/プライベートディレクトリにファイルが書き込まれないとき |
フォーム | 7.16 | Webform, Mail System, Mime Mail, Jp Mail Helper | 送信メールのサブジェクトが長いと文字化けする |
Japanese mail | 7.15 | Webform, Mail System, Mime Mail, Japanese Mail Helper | Webformから文字化けしないメール送信を行うには |
フォーム | 7.15 | Webform Template | Webformを複写したい |
アップデート | 7.15 | Webform Backup_and_Migrate | drupal7.12 -> drupal7.14アップデートメモ |
サイトの構築 | 8.9.x | Webform | drupalを使用した登録、一覧表示の方法について |
サイトの構築 | 8.3x | Webform | Webformモジュール メールアドレスの入力ミス確認 |
フォーム | 7.15 | Webform | WebformのEntity Translation |
フォーム | 7.38 | Webform | Webformでタクソノミーを参照したい |
フォーム | 7.34 | Webform | 動的なフォーム(webform) |
フォーム | 7.38 | Webform | Webformモジュールをアップデートしたら「このフィールドを入力してください」 |
フォーム | 8.7.x | Webform | WebformのCheckboxの要素にて表記の変更 |
コンテンツの作成 | 7.38 | Webform | Webformでテーブル形式にしたい |
フォーム | 7.43 | Webform | フォーム関数が実行されるタイミングについて |
フォーム | 7.15 | Webform | Webformで確認画面 |
フォーム | 7.15 | Webform | Webform - 確認ページの多言語化 |
css | 7.38 | Webform | Webfomの送信内容確認ページで表示が崩れる |
コンテンツの作成 | 8.9.x | vim nkf | ファイルのエンコーディングを確認、変更する方法 |
言語 | 7.28 | vim | vimで全角が化けてしまう |
表示 | 7.34 | Views Infinite Scroll | Facebookページのようにスクロールするとコンテンツが追加されるようなコントロール |
コメント
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を指定
ページ