お問い合わせフォームや募集フォームのコントロールはWebformが定番ですが、Webformで動的なフォームができますか?
・項目AでAAを選択すると、関連する項目AAAを表示
・項目AでBBを選択すると、関連する項目BBBを表示
とか...
動的なフォーム(webform)
OTHER FAQ
カテゴリ | Core Ver. | 関連モジュール | タイトル |
---|---|---|---|
コンテンツの作成 | 7.31 | CKEditor | CKEditorの新規生成ダイアログ内の初期値の変更 |
コンテンツの作成 | 8.4x | node | node保存前に色々やる方法 |
コンテンツの作成 | 8.4x | json | jQueryにjsonで渡す方法 |
コンテンツの作成 | 7.38 | CKEditor | CKEditorの「ソース」に入力したタグが消える |
コンテンツの作成 | 8.9.x | node | ノード保存時の前回値の参照方法 |
コンテンツの作成 | 8.4x | archiver | zipファイル圧縮・解凍する方法 |
コンテンツの作成 | 7.38 | node form | ノード編集フォームをテーブル表示形式にしたい |
コンテンツの作成 | 7.15 | Darty Form | 編集ページでの操作ミス |
コンテンツの作成 | 7.15 | Form API Validation | フォームの入力内容を細かくチェックしたい |
コンテンツの作成 | 8.9.x | vim nkf | ファイルのエンコーディングを確認、変更する方法 |
コンテンツの作成 | 7.26 | CKEditor Views | Viewsでティザーを一覧するとページのレイアウトが崩れることがある |
コンテンツの作成 | 6.x | Insert Block | ブロックの内容を本文中に表示するには? |
コンテンツの作成 | 7.34 | ajax | 標準のajaxフォーム(複数値:値の数=無制限)の制御l方法 |
コンテンツの作成 | 7.38 | Views | CSV出力にHTMLが入ってしまう |
コンテンツの作成 | 8.9.x | CSS | キャプション付きの(右寄/左寄)画像を画像サイズを基準にきれいに表示する方法 |
コンテンツの作成 | 7.34 | Entityreference prepopulate | 新規ノード作成時のリファレンス方法 |
コンテンツの作成 | 7.38 | CKEditor | 突然GoogleMap内の経路がずれてしまった |
コンテンツの作成 | 8.4x | コンテンツ作成時のフォームレイアウトの変更 | |
コンテンツの作成 | 8.4x | PhpSpreadsheet | Excelを読み書きする方法 |
コンテンツの作成 | 7.26 | Form Ajax | 入力フォームで#ajax使用時、#default_valueを書き換えても反映しない |
コメント
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を指定
ページ