WordPressの定番お問い合わせフォームプラグイン「Contact Form 7」に条件分岐の機能を追加することができる「Contact Form 7 Conditional Fields」について
条件分岐によって非表示になった部分だけフォーム情報をリセットしたいときは以下のコードをjsファイルに書いておけば、メール文面で[group-○○]タグを使わなくてOKです。
1 2 3 4 5 | $('select[name="your-contact-kind"]').change(function() { $(this).parents('form').find('.wpcf7cf-hidden').each( function( index, elem ) { $(elem).find('textarea, :text, select, radio, checkbox').val('').end().find(':checked').prop('checked', false); }) }); |
1行目:条件分岐を発動するselectです。name=の部分は適宜書き換えます。
3行目:条件分岐によって非表示(.wpcf7cf-hidden)になっているグループを探して、その数分ループしています。
5行目:フォーム情報を空にしています。この記述は以下のサイトを参考にしました。
メール文面で[group-○○]タグを使うと該当しないグループの部分が空行になってしまったので、その解決策としてこれを考えました。