WordPress

MW WP Formでセレクトボックスの「選択してください」(初期値)を空欄とみなす方法

WordPressでお問い合わせを実装できるプラグイン「MW WP Form」でセレクトボックスを使う際に、「選択してください」を初期値として表示し、なおかつ値としては空欄とみなす方法を紹介します。

セレクトボックスの選択肢の最初に記述しているものが自動で初期値になりますが、なぜ空欄とみなしたいかというと、必須項目として扱う場合に、「選択してください」が選択されていることになって、バリデーションチェックに引っかからないからです。

「選択してください」を空欄とみなす方法

サポートフォーラム等ではJavaScriptを使う方法が紹介されているみたいですが、MW WP Formの機能だけで、「選択してください」を空欄とみなすようにできます。

ポイントは2つです。

  • 値の前に「:」を入れる
  • post_raw=”true” を追記する

例えば、次のようにセレクトボックスのフォームタグを入れれば、「選択してください」が初期値として表示され、値も空とみなされます。

[mwform_select name=”contact-type” children=”:選択してください,見積もり,相談,お問い合わせ,その他” post_raw=”true”]

「選択してください」以外の選択肢を選ばないとバリデーションチェックにて引っかかります。

WordPressを始めるならエックスサーバーがおすすめ

WordPressでブログやアフィリエイトを始めたい、良いレンタルサーバーに乗り換えたいという方にはエックスサーバーがおすすめです。

その理由は以下の通り。

  • 国内シェアNo.1のレンタルサーバー
  • サポートの品質が高い
  • 表示速度・処理速度が速い

WordPressが学べるおすすめのスクール

WordPress関連の本もありますし、ネット上にはたくさんの情報がありますが、短期間でWordPressも含めたWeb制作のスキルを身につけたい方にはプログラミングスクールがおすすめです。

TechAcademy

  • WordPressのサイト制作の流れが理解できる
  • WordPressでオリジナルサイトが作れるようになる
  • プラグインやカスタムフィールドを学べる
  • オンラインで完結
  • 講師・メンターが現役エンジニア

関連記事
WordPressが学べるおすすめのプログラミングスクール

Leave a Comment