フォーム設置に大変役立つ優秀なプラグインMW WP Formについて、以前セレクトボックスの「選択してください」を空欄とみなす方法という記事で、「選択してください」という項目のoptionのvalue値を空欄にする方法をご紹介しましたが、この方法だと、セレクトボックスの選択が必須でない場合、確認画面で「選択してください」という文字が表示されてしまうということがわかりました。（この値はメールに送信されません）
いろいろ試した結果、とりあえず対処方法が見つかりましたのでご紹介します。
JavaScriptで「選択してください」を当てて確認画面の表示問題に対処する
以前サポートフォーラムで紹介されていた方法ですが、JavaScriptで操作するこの方法を使うと確認画面に遷移後、「選択してください」などの文字が表示されることはありません。
管理画面でのセレクトボックスの設置方法
[mwform_select name=”test” children=”,選択肢１, 選択肢２”]
childrenの最初に「 , 」を入れます。こうすることで空白のvalue値が追加されます。
このままだと、初期値はなにも表示されないのでJavaScriptを使って「選択してください」という文字が入るように設定してあげます。
|
1 2 3 4 5 6 |
<script type="text/javascript"> jQuery( function( $ ) { $( ' .mw_wp_form_input select option[value=""]' ) .html( '選択してください。' ); } ); </script> |
この方法を使うことで、MW WP Formのセレクトボックスが未選択のとき確認画面で「選択してください」とう文字が表示される問題はひとまず回避できます。セレクトボックスが必須項目でない場合などは、こちらの方法をを試しください。
