1. 【オリジナルフォーム】表示・非表示の出し分け設定

【オリジナルフォーム】表示・非表示の出し分け設定

2023.04.05 更新
Text=kintsuba
下記フォームサンプルページを元に説明します。
フォームサンプルページをブラウザ上でソースコードをご確認いただくか、ファイルをダウンロードして内容をご確認ください。
フォームサンプルページ>
フォームサンプルダウンロード>

※ソースコード確認方法
対象ページをChromeブラウザで開いて下記操作を行ってください。
windows:Ctrl + U
mac:option + command + U




【使用ファイル】
(A) index.html
(B) css/style.css


(パターン1)設問の選択で、次の設問を表示する
(B) css/style.css
初期表示で非表示にしたい設問はcssで非表示にしておく
初期表示したい設問は表示にしておく
(A) index.html
changeイベントを使用して、選択時に次の設問を表示させる
(パターン2)設問の選択内容によって、表示を出し分ける
(A) index.html
changeイベントとif文を使用して、選択ごとに次の設問を出し分ける
ご希望通りのセッティングができましたか?

1人中0人がセッティングができたと言っています。

このマニュアルの作成者は kintsuba です。

こちらのマニュアルで希望のセッティングが出来なかった
際は、下記のどちらかでお問い合わせください。

フリープランの方はこちら
LINE公式アカウント機能拡張プラン、
オートコールセンタープランの方はこちら