動的なフォーム(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. 関連モジュール タイトル
JavaScript 7.34 PHP PHPからJavaScriptに変数値を渡したい
JavaScript 8.5.x PHP Commerce決済モジュール設定をJavaScriptにデータに渡す方法
jQuery Revolution 7.50 jQuery Revolutionのリンクがスマホで機能しない
Libraries 8.5.x Libraries Commerceで外部JavaScriptをテスト/本番で読み分ける方法
mac linux ファイル名 文字化け 8.7.x mac linux ファイル名 文字化け Macからlinuxにrsyncするとファイル名(濁点)が文字化けする場合の対応方法
Messages 7.34 Disable messages 標準(コア)が表示する特定のメッセージ非表示にしたい
Migrate 9.x drush config Upgrade source(環境) を 変更したときにやるべきこと
PCRE 7.50 preg_match()がおかしい
PHP 7.22 PHP ノードに付いたコメントを好きな場所に表示する
PHP 8.9.x PHP YamlをPHP配列にする方法
PHP 8.9.x drush drush sql:cli < が機能しない場合の対処
PHP 8.3x PHP drupa8でhook_init()する方法
PHP-FPM 8.9.x PHP PHP-FPM 環境で .htaccess に php_value を 書いてもダメ
PhpStorm 7.50 LocalForward PhpStormから踏み台を使う
Proxy 7.59 Proxy Apache settings.php リバースプロキシ(Apache)+バックグランドWeb(Drupal 7 )でログインセッションを維持する方法
SESSION 8.9.x api $_SESION操作のAPI
SFTP 8.4x SFTP RSA SFTP(RSA)でファイル転送(送信)する方法
SSH 7.50 ProxyCommand SSH IP制限を1コマンドで通過する
token 7.34 token オリジナルモジュールからtokenを提供する方法を教えて下さい。
Token 8.4x Token カスタムモジュールからtokenを提供する方法(drupal8版)

ページ