お世話になっております。
jQueryを使った、フォームの確認画面への値の表示で躓いております。
なんとか調べたのですがうまくいかず、こちらへ質問させていただきます。
wpのプラグインで、QuFormというものを使ってformを実装しております。
デフォルトでは確認画面が出ないので、
http://support.themecatcher.net/quform-wordpress-v2/guides/advanced/adding-a-form-data-preview-page
こちらのカスタム方法のページを見て確認画面を追加いたしました。
すると、checkboxとselectの項目だけうまく表示が出来ず、困っています。
html
1<div class="aa-options aa-cf aa-options-block"> 2 <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_1" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_1" value="チェック項目1"><label for="aa_1_61_b70d0c_1" class="aa-option-label aa-option-label-1_61_1"><span class="aa-option-text">チェック項目1</span></label></div> 3 <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_2" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_2" value="チェック項目2"><label for="aa_1_61_b70d0c_2" class="aa-option-label aa-option-label-1_61_2"><span class="aa-option-text">チェック項目2</span></label></div> 4</div> 5 6<span id="address01-value"></span>
js
1//checkboxのソース 2 3$('.aa-field-1_61').change(function () { 4 $('#how-value').text($(this).val()); 5});
checkboxの場合は、複数チェックを入れても先頭の1項目だけが表示されてしまいます。
チェックしたすべての項目を表示できない状態から、
チェックしたすべての項目を表示可能にしたいと考えております。
html
1<select id="aa_1_28_b70d0c" name="aa_1_28" class="aa-field aa-field-select aa-field-1_28"> 2 <option value="東京都" selected="selected">東京都</option> 3 <option value="神奈川県">神奈川県</option> 4</select> 5 6<span id="how-value">チェック項目1</span>
js
1//selectのソース 2 3$('.aa-field-1_28').change(function () { 4 $('#address01-value option:selected').text($(this).val()); 5});
selectの場合は、なにも表示されない状態です。
以上、有識者の方、どうかご教授ください!
何卒よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー