常連

注目の的

支持者

自己紹介

### 前提・実現したいこと
ワードプレス上の送信フォーム（MW WP FORMプラグイン使用）で、チェックボックスのチェックによって、表示/非表示を切り替える形をjqueryを使って実装していますが、確認画面に進んだ際、チェックした内容が意図したように表示されません。
後述「発生している問題」のケース３で、チェック内容を確認画面でも反映させるための修正方法をご教示いただけましたらありがたいです。

### 送信フォームの構成
送信フォームは、２つのチェックボックスと表示/非表示切り替え内容（テキストとラジオボタン）で構成。
チェックボックスは、①（name="ivent" children="a")と
チェックボックス②（name="ivent" children="b,c,d")で、同一グループ、必須（a,b,c,dから最低１つチェックが必要）にしてあります。

### 発生している問題
●ケース１：項目aをチェックし、表示された内容のラジオボタンにもチェック→問題なし（確認画面に反映される）
●ケース２：項目aをチェックせず、項目b,c,dのどれかをチェック→問題なし（確認画面に反映される）
●**ケース３：項目aをチェックし、項目b,c,dのどれかをチェック→　確認画面では、チェックボックスのチェック項目は反映されていますが、表示部分が非表示になり、ラジオボタンのチェック内容は反映されません。**
１のケースでは、確認画面でも開いた部分は、開いたままになっています。
a以外のチェックにより、表示内容が非表示になっているようです。
条件分岐の方法が違っているのでしょうか。

### 該当のソースコード
単純化した内容のコードです。
```html
※複数選択可
[mwform_checkbox name="ivent" children="a" vertically="true" id="checkbox"]
<div class="form_food" style="display: none;"> 希望の食べ物　
[mwform_radio name="food" id="food" children="ラーメン,ピザ,寿司"]</div>
 [mwform_checkbox name="ivent" children="b,c,d" vertically="true"]
```
```JQUERY
jQuery(function($) {
	var
		checkbox = $("#checkbox-1"),
		checkbox_change = function () {
if (checkbox.length) {
	if (checkbox.prop("checked")) {
		$(".form_food").show();
	} else {
		$(".form_food").hide();
	}
} else {
	// 確認画面用
	if ($('input[value="a"]').length) {
		$(".form_food").show(); 
	} else {
		$(".form_food").hide(); 
	}
}
		};
	checkbox_change();
	checkbox.change(checkbox_change);
});
```

送信フォームの確認画面で、選択肢による開閉部分がうまく反映されない

###前提・実現したいこと
WordPress、PHP初心者です。

下記サイトを参考に、MW WP Formプラグインを使用した条件分岐のフォームを作成しています。
[MW WP Formで条件分岐フォームを作る](http://blog.megefeps.info/20150916/wpmw-wp-form%E3%81%A7%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E3%82%8B/)

セレクトボックスの選択肢によってカテゴリA〜Cを切り替えるようにしています(タブ切り替えのイメージ。jQuery使用)
このままですと、例えば「カテゴリC」を選択しチェックボックスを選択して、確認画面に遷移しても「カテゴリC」のチェックしたの内容が確認できない状態です。

実現させたいことは、入力画面でセレクトボックスの選択肢によって、確認画面の「カテゴリA」を選択したなら「カテゴリA」だけを表示、「カテゴリC」を選択したなら「カテゴリC」を表示させたいです。(説明がわかりにくいと思いますので、確認画面ソースコードもを記述しております)

また、自動送信メールにもセレクトボックスの選択肢を反映させたいのですが、参考サイトを元にカテゴリ毎でメール本文を分岐することはできました。
ですが、メールの本文に改行がないため入力した項目が１行でまとまってしまいます。
メール本文に改行を加えるカスタマイズはできるのでしょうか。

お手数をおかけいたしますが、ご教示いただければ幸いです。


###MW WP Formソースコード
``````ここに言語を入力
<div class="personal_info">
  <p>お名前</p>
  [mwform_text name="name" id="name"]

  <p>電話番号</p>
  [mwform_tel name="tel" id="tel"]

  <p>メールアドレス</p>
  [mwform_email name="email" id="email"]
</div>

<div class="categories">
  <p>カテゴリ選択</p>
  [mwform_select name="カテゴリ選択" children="カテゴリA,カテゴリB,カテゴリC" id="cate_select"]

  <div id="category_a" class="content"> 
    <p>カテゴリA</p>
    [mwform_text name="好きなスポーツ選手"]
    [mwform_text name="好きなスポーツブランド"]
  </div>
 
  <div id="category_b" class="content">
    <p>カテゴリB</p>
    [mwform_image name="写真"]
  </div>

  <div id="category_c" class="content">
    <p>カテゴリC</p>
    [mwform_checkbox name="球技" children="サッカー,野球,バスケ" separator=","]
    [mwform_textarea name="その他質問"]
  </div>
</div>

 
[mwform_bback value="back"]戻る[/mwform_bback][mwform_bconfirm value="confirm"]確認する[/mwform_bconfirm][mwform_bsubmit name="send"]送信する[/mwform_bsubmit]
```

###jQueryソースコード
```ここに言語を入力
$(function(){
  $(".content").css({"display":"none"});

  $("#cate_select").on("change", function() {
    var val = $(this).val();

    if (val === 'カテゴリA'){
      $(".content").fadeOut();
      $("#category_a").fadeIn();

    } else if (val === 'カテゴリB'){
      $(".content").fadeOut();
      $("#category_b").fadeIn();

    } else if (val === 'カテゴリC'){
      $(".content").fadeOut();
      $("#category_c").fadeIn();
    }
  });
});

```

###カテゴリCを選択した場合(確認画面)
```ここに言語を入力
<div class="personal_info">
  <p>お名前</p>
  <p>  山田 太郎<input type="hidden" name="name" value="山田 太郎"></p>

  <p>電話番号</p>
  <p>  000-0000-0000<input type="hidden" name="tel[data]" value="000-0000-0000"><input type="hidden" name="tel[separator]" value="-"></p>

  <p>メールアドレス</p>
  <p>  otoiawase@contact.jp<input type="hidden" name="email" value="otoiawase@contact.jp"></p>
</div>

<div class="categories">
  <p>カテゴリ選択</p>
  <p>  カテゴリC<input type="hidden" name="カテゴリ選択" value="カテゴリC">
  <input type="hidden" name="__children[カテゴリ選択][]" value="{&quot;\u30ab\u30c6\u30b4\u30eaA&quot;:&quot;\u30ab\u30c6\u30b4\u30eaA&quot;,&quot;\u30ab\u30c6\u30b4\u30eaB&quot;:&quot;\u30ab\u30c6\u30b4\u30eaB&quot;,&quot;\u30ab\u30c6\u30b4\u30eaC&quot;:&quot;\u30ab\u30c6\u30b4\u30eaC&quot;}"></p>

  <div id="category_a" class="content is-show" style="display: none;">
    <p>カテゴリA</p>
    <p>    <input type="hidden" name="好きなスポーツ選手" value=""><br>
      <input type="hidden" name="好きなスポーツブランド" value="">
    </p>
  </div>

  <div id="category_b" class="content" style="display: none;">
    <p>カテゴリB</p>
    <p>    
    </p>
  </div>

  
  <div id="category_c" class="content" style="display: none;">
    <p>カテゴリC</p>
    <p>    サッカー,野球<input type="hidden" name="球技[data]" value="サッカー,野球"><input type="hidden" name="球技[separator]" value=","><input type="hidden" name="__children[球技][]" value="{&quot;\u30b5\u30c3\u30ab\u30fc&quot;:&quot;\u30b5\u30c3\u30ab\u30fc&quot;,&quot;\u91ce\u7403&quot;:&quot;\u91ce\u7403&quot;,&quot;\u30d0\u30b9\u30b1&quot;:&quot;\u30d0\u30b9\u30b1&quot;}"><br>
    質問内容<input type="hidden" name="その他質問" value="質問内容">
    </p>
  </div>

</div>

<p><button type="submit" name="submitBack" value="back">戻る</button><button type="submit" name="send" value="send">送信する</button></p>


```

MW WP Formの条件分岐フォームを作成しています

MW WP Formで入力のあった項目のみ自動返信メールに表示したいと思っていますが
このようなことは可能ですか？

通常、自動返信メールの設定は管理画面の自動返信メール設定の
「本文」で下記のように入力をして設定するかと思います。


```
下記内容で受付しました。

名前：{name}
項目1：{item1}
項目2：{item2}
```

このままですと、例えば「項目1」が入力されなかった場合
自動返信メールでは下記のように返信されるかと思います。

```
下記内容で受付しました。

名前：hogehoge
項目1：
項目2：koumoku2

```

これを下記のように項目1（入力が無かった項目）を間引いて返信することは可能でしょうか？


```
下記内容で受付しました。

名前：hogehoge
項目2：koumoku2
```




調べてみると自動返信メール用に下記２つのフィルターフックがあるようですが
活用の仕方がよくわかりませんでした。
片方のフィルターがキー使用ができ、もう片方ができないといった違いがあるようです。

[mwform_auto_mail_raw_mw-wp-form-xxx](https://plugins.2inc.org/mw-wp-form/filter-hook/mwform_auto_mail_raw/)
[mwform_auto_mail_mw-wp-form-xxx](https://plugins.2inc.org/mw-wp-form/filter-hook/mwform_auto_mail/)


どうぞよろしくお願いいたします。

WordPressのMW WP Formで入力のあった項目のみ自動返信メールに表示したい

css3で背景色が乗算など可能になりましたがie、edge等が非対応のため対応するポリフィルなどないでしょうか？