MW WP Formのセレクトボックスに「選択してください」を設定する方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

WordPressのプラグイン「MW WP Form」セレクトメニューの最初に「選択してください」などの文字を設定する方法を紹介します。

MW WP Form とは、ショートコードを使って確認画面付きのメールフォームを作成することができるプラグインです。

jQuery(JavaScript)で設定する方法

管理画面からセレクトボックスを配置する場合

[mwform_select name="お問い合わせ内容" children=",お問い合わせ,お見積り,その他"]

childrenの最初に「,」を入れます。 これでvalueに空の項目が追加されます。
このままだと「選択してください」の表示がされないので、MW WP Form設定画面の一番最初に下記のスクリプトを追加します。

<script type="text/javascript">
jQuery( function( $ ) {
 $( '#mw_wp_form_mw-wp-form-123 select option[value=""]' )
 .html( '選択してください。' );
} );
</script>

#mw_wp_form_mw-wp-form-123 → //123の数字部分を作成中のフォーム識別子に変更します。

これで「選択してください」が表示されるようになります。

jQuery(JavaScript)なしで設定する方法

jQueryなしで初期値ありの必須項目が設定されたselectを設置したい場合は、post_rawという送信値と表示値を分割するオプションを使って設定することができます。

[mwform_select name="お問い合わせ内容" children=":選択してください,お問い合わせ,お見積り,その他" post_raw="true"]

このように children の最初に “ :選択してください, ” を入れ、ショートコードの記述内に “ post_raw=”true” ” を追加します。このselect要素に対して必須項目のバリデーション設定を行ってあげれば、jQueryを使って設定していた初期値ありで必須項目に設定するという動きをjQueryなしで設定することができます。

パートナー型Webプロダクション

Juitaは、低価格高クオリティスピード感で高評価のホームページ・ランディングページ制作を中心にバリ島で活動するフリーランスWebデザイナー。
デザイン、コーディング、バナー制作等、日本全国、インドネシア(バリ島、ジャカルタ)ご依頼承ります。

リピート率100!

こんなお悩みありませんか?
・制作費用をおさえたい
・コーディングのみ、デザインのみ依頼したい
・他社に依頼したけど、対応が遅くて本来の業務が進まない
・他デザイナーに依頼したら、連絡がとれなくなってしまった
・継続的に信頼できる制作パートナーを探してる

日本全国、インドネシア国内外の広告代理店様、制作会社様よりご依頼承ります。


詳しくはコチラ

SNSでもご購読できます。

コメントを残す

*

Juita Design, バリ島フリーランス・ホームページ制作事務所(SOHO)