お問い合わせフォームや募集フォームのコントロールはWebformが定番ですが、Webformで動的なフォームができますか?
・項目AでAAを選択すると、関連する項目AAAを表示
・項目AでBBを選択すると、関連する項目BBBを表示
とか...
動的なフォーム(webform)
OTHER FAQ
カテゴリ | Core Ver. | 関連モジュール | タイトル |
---|---|---|---|
サイトの環境設定 | 8.6.x | Simhony Yaml | yamlファイルを読み込む方法 |
Commerce2 | 8.6.x | Commerce Order | Commerceで注文情報から全Itemを得る方法 |
コンテンツの管理 | 8.6.x | Commerce | Commerce orderからすべての商品名を取得する方法 |
JavaScript | 8.5.x | PHP | Commerce決済モジュール設定をJavaScriptにデータに渡す方法 |
Libraries | 8.5.x | Libraries | Commerceで外部JavaScriptをテスト/本番で読み分ける方法 |
コンテンツの管理 | 8.5.x | Field File | コンテンツのフィールドの表示について |
コンテンツの作成 | 8.4x | PhpSpreadsheet | Excelを読み書きする方法 |
Views | 8.4x | hook_views_query_alter | Viewsクエリに多くの条件を追加する方法 |
Views Exposed Filter | 8.4x | hook_views_pre_view | Views Exposed Formの複数単語入力(textfield)をフォーム上だけ複数行入力(textarea)にする方法 |
SFTP | 8.4x | SFTP RSA | SFTP(RSA)でファイル転送(送信)する方法 |
Token | 8.4x | Token | カスタムモジュールからtokenを提供する方法(drupal8版) |
サイト情報 | 8.4x | JavaScript | JavaScriptに変数を渡す方法 |
コンテンツの作成 | 8.4x | Download | とにかく何でもコンテンツをダウンロードさせる方法 |
コンテンツの作成 | 8.4x | node | 新規ノードを作成する |
Views | 8.4x | hook_views_query_alter | 現在のViewsクエリを保存・再現する方法 |
コンテンツの管理 | 8.4x | Action | カスタムアクションを作成する方法 |
コンテンツの作成 | 8.4x | node | node保存前に色々やる方法 |
Viewsプログラミング | 8.4x | Views | drupal8におけるViewsプログラミング |
video | 8.4x | video map | 動画上にクリッカブルマップを作成する方法 |
コンテンツの作成 | 8.4x | json | jQueryにjsonで渡す方法 |
コメント
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を指定
ページ