1. 【フォーム】表示・非表示の出し分け設定

【フォーム】表示・非表示の出し分け設定

2021.10.29 更新
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文を使用して、選択ごとに次の設問を出し分ける
ご希望通りのセッティングができましたか?

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

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

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

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