← 活用ガイド一覧へ
選択肢絞り込みプラグイン

連動したドロップダウンを作成する

このページでは、 選択肢絞り込みプラグイン を使用して、 連動したドロップダウンを作成する手順 を確認できます。

できること

連動したドロップダウンを作成するのデモ画面
動作イメージ

利用シーン

  • 商品管理アプリで、商品の分類に応じて、次に表示される商品名ドロップダウンの項目を絞り込む

必要なアプリ・プラグイン

アプリ

運用中のアプリでも設定が可能です。 今回の設定内容(設定手順)に基づいて作成したい方は、アプリテンプレートをダウンロードしてください。

プラグイン

選択肢絞り込みプラグイン

まだ kintone にプラグインをインストールしていない方は、30日間のお試し申込をしてプラグインをご利用ください。

設定手順

1必要なフィールドをフォームに配置する

アプリのフォーム設定で、2つのドロップダウンフィールドとスペースフィールドを設定します。 アプリテンプレートを利用する場合は、既に設定済です。

create-linked-dropdown-optionsの設定手順1の画面
手順1の設定画面
2プラグインの設定画面を開く

プラグインの設定画面を開きます。 まずは、絞り込みを行うフィールドと、絞り込みを行うためのスペースフィールドを選択します。 今回の例では、食品名のドロップダウンと予め用意しておいたスペースフィールドを選択しました。

create-linked-dropdown-optionsの設定手順2の画面
手順2の設定画面
3選択肢の絞り込み条件を設定する

続いて、絞り込みの条件設定を行います。 まずは、分類のドロップダウンが果実を含むとき、「いちご」「みかん」といった選択肢が絞り込まれるように設定を行いましょう。 分類ドロップダウンと食品名ドロップダウンの各項目

create-linked-dropdown-optionsの設定手順3の画面
手順3の設定画面
create-linked-dropdown-optionsの設定手順3の画面
手順3の設定画面
4選択肢の絞り込み条件を設定する

同様に、分類のドロップダウンが野菜・魚介・肉であった場合にも、絞り込みの設定を行います。 設定が完了したら、保存ボタンを押して、アプリを更新します。

create-linked-dropdown-optionsの設定手順4の画面
手順4の設定画面

完成

連動したドロップダウンを作成するの完成イメージ
完成イメージ

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面