WPの

~ワードプレス関連~

Ultimate Member|複数のフィールドを組み合わせて選択項目が分岐するドロップダウンを実装!

      2017/08/02

WordPressプラグイン|Ultimate Memberのフォームフィールドを使いこなす

Ultimate Memberの関連記事

複数のドロップダウンを組み合わせる手順

Ultimate Memberのフォーム作成で使えるフィールド、ドロップダウンにはChoices CallbackParent Optionという項目があります。
これを使用すると、複数のドロップダウンを組み合わせられ、最初のドロップダウン選択項目により、次のドロップダウン選択項目が変わる、分岐するドロップダウンが実装できます。

選択項目が多く、収まりきらないような選択肢でも分類することでコンパクトなフィールドにまとめることができます。

  1. Ultimate Member > フォーム

    通常通り、最初に選択するドロップダウンを作成します。
    ドロップダウンリスト

  2. 次に、コールバック関数を用意します。
    WordPressインストールディレクトリ\wp-content\themes\有効化しているテーマのフォルダ\functions.php

    のfunctions.phpへ最初に選択するドロップダウンの選択項目に合わせて、配列を用意。

    サンプルコード

  3. 最初に選択するドロップダウンに応じて項目が変わるフィールドを用意します。
    ドロップダウン 作成 Choices Callback Parent Option
    Choices Callbackにはfunctions.phpへ追記したコールバック関数を入力。
    (画像ではChoices CallbackがgetCitiesになっていますが、getcatが正解です。)
    Parent Optionで、親となる最初に選択するドロップダウンを選択します。

実際の動作デモ

複数のドロップダウンを組み合わせた動作デモ

Ultimate Memberの関連記事

 - WordPress, プラグイン, 無料プラグイン , ,