ドロップダウンフィールド
無限のオプションを備えた、スマートで検索可能なドロップダウンメニューを作成できます。シンプルな選択リストから、条件付きロジックを備えた高度な複数選択フィールドまで、ドロップダウンフィールドはデータ収集を整理し、ユーザーフレンドリーにします。
プロフェッショナルなドロップダウンメニューを簡単に作成
完璧なもの：
🎯 無制限のカスタムオプション
簡単なオプション管理
カスタムラベルと値を使用して、無制限にオプションを追加できます。ドラッグアンドドロップで簡単にオプションを編集、並べ替え、削除できます。
ラベルと値の制御
表示テキスト (ユーザーに表示されるもの) と保存された値 (データベースに保存されるもの) を別々に設定します。
検索可能なドロップダウン
検索機能を有効にする
あらゆるドロップダウンを検索可能なフィールドにします。長い選択肢のリストに最適です。ユーザーはキーワードを入力するだけで、必要な情報をすぐに見つけることができます。
スマートフィルタリング
ユーザーが入力すると、検索フィルターのオプションがリアルタイムで表示されるため、大きなリストもすぐに管理できるようになります。
複数選択機能
ユーザーが単一のドロップダウンフィールドから複数の選択肢を選択できるようにします。「該当するものをすべて選択する」という質問に最適です。
明確な視覚フィードバック
選択したオプションはチェックボックスで明確にマークされ、簡単に追跡できます。
🔀 条件付きロジック
スマートフィールド可視性
他のフィールドの値に基づいて、このドロップダウンを表示または非表示にします。ユーザーの入力に合わせて変化する、動的でインテリジェントなフォームを作成できます。
高度なロジックルール
- ANDロジック – すべての条件を満たす必要があります
- ORロジック – あらゆる条件でアクションがトリガーされる
- 複数のオペレーター – 等しい、等しくない、含む、空、より大きい、より小さい、など
使用事例：
- ユーザーがアカウントの種類として「ビジネス」を選択した場合にのみ、「業種タイプ」ドロップダウンを表示します。
- 以前の選択に基づいて特定のオプションを非表示にする
- オプションを段階的に表示する複数ステップのフォームを作成する
🎨 完全なカスタマイズ
プレースホルダーテキスト
選択前に表示されるデフォルトのテキストをカスタマイズします (例: 「オプションを選択してください...」、「サービスを選択してください...」など)。
デフォルト値
デフォルトのオプションを事前に選択して、ユーザーをガイドしたり、フォームの完了を高速化したりします。
カスタムスタイリング
ブランドに完全に一致するようにカスタム CSS クラスとスタイルを適用します。
⚙️ スマートな組織
並べ替えオプション
オプションを再作成せずに、最適な順序で並べ替えるには、上矢印/下矢印を使用します。
クイックオプション入力
キーボード ショートカットを使用してオプションをすばやく追加します (追加するには Enter キーを押します)。
一括管理
整理されたすっきりしたインターフェースで、数十のオプションを効率的に管理します。
3ステップの簡単セットアップ
ドロップダウンフィールドを数分で準備
ドロップダウンフィールドを追加する
選択フィールド セクションからドロップダウン フィールドをフォーム ビルダー キャンバスにドラッグ アンド ドロップします。
オプションを追加する
オプションを入力し、「オプションを追加」をクリックするか、Enterキーを押します。必要に応じてカスタムラベルと値を設定します。
機能の設定
検索を有効にし、複数選択を許可し、プレースホルダー テキストを設定し、必要に応じて条件付きロジックを追加します。
???? これで完了です。ドロップダウンで整理されたデータを収集する準備が整いました。
実際のアプリケーション
製品の選択
整理されたドロップダウン メニューから顧客が製品、サービス、またはカテゴリを選択できるようにします。
調査フォーム
評価スケール、カテゴリ選択、好みの選択肢を備えたプロフェッショナルな調査を作成します。
登録フォーム
部門、役職、場所、または興味のドロップダウンを使用して構造化データを収集します。
予約システム
ユーザーが予約の種類、時間帯、またはサービス カテゴリを選択できるようにします。
申請書
バッジや証明書に必要な正確な形式で出席者の名前を取得します。
国際フォーム
世界中のユーザー向けに国、州、または言語セレクターを作成します。
フィールドオプションを完了する
基本構成
- フィールドラベル – ドロップダウンの上に表示されるタイトル
- 説明/ヘルプテキスト – ユーザー向けの追加ガイダンス
- 必須フィールド – 選択を必須にする
- プレースホルダーテキスト – 選択前に表示されるテキスト（例：「オプションを選択してください…」）
オプション管理
- オプションの追加 – 無制限のカスタムオプション
- オプションラベル – ユーザーに表示されるテキスト
- オプション値 – データベースに保存されている実際の値
- 並べ替え – オプションを上または下に移動します
- 削除 – 不要なオプションを削除します
- デフォルト値 – オプションを事前に選択する
高度な機能
- 検索を有効にする – フィルタリングオプション用の検索ボックスを追加
- 複数選択を許可する – ユーザーは複数のオプションを選択できます
- 隠しフィールドモード – 事前に設定された値を持つ隠しフィールドとして使用します
条件付きロジック
条件ロジックを有効にします – 条件に基づいて表示/非表示
ロジックタイプ
- すべての条件を満たす必要があります（AND）
- いずれかの条件を満たすことができる（OR）
条件ルール
- 表示/非表示 – 実行するアクション
- フィールド – チェックするフィールド
- 演算子 – 等しい、等しくない、含む、含まない、より大きい、より小さい、空、空でない
- 値 – 比較値
複数の条件 – 無制限のルールを追加
標準オプション
- カスタムCSSクラス
- アクセシビリティ属性
- フォームスタイルとの統合
- データ検証
当社のドロップダウンフィールドを選択する理由
✅ 無制限のオプション – 必要に応じて選択肢を追加できます
✅ 使いやすい – シンプルで直感的なインターフェースがユーザーをガイドします
✅ 検索可能 – 長いリストもすぐに管理可能
✅ 様々な – 単一または複数選択モード
✅ スマートロジック – 動的フォームの条件付き表示
✅ 専門 – 洗練された外観とスムーズな操作性
✅ モバイル向けに最適化 – あらゆるデバイスと画面サイズに最適
✅ プローブとオシロスコープとの統合 – すべてのフォーム機能とシームレスに連携
よくある質問
ドロップダウンにはいくつのオプションを追加できますか?
無制限。20 項目を超えるリストの場合は、検索機能を有効にすると、よりスムーズにナビゲートできます。
ユーザーは複数のオプションを選択できますか?
はい。フィールド設定で「複数選択を許可」を有効にすると、ユーザーは必要な数の項目を選択できるようになります。
ラベルと値の違いは何ですか?
ラベルはユーザーに表示されるもので、値はデータに保存されるものです。
検索機能はどのように機能しますか?
検索をオンにすると、検索ボックスが表示され、ユーザーが入力するとラベルと値の両方に一致する項目が即座にフィルタリングされます。
オプションを追加した後に順序を変更できますか?
はい。各オプションの横にある矢印ボタンを使って順序を調整してください。変更はすぐに保存されます。
条件付きロジックは複数選択ドロップダウンでも機能しますか?
はい。複数選択フィールドで選択した値のいずれかまたはすべてに基づいて、フィールドを表示または非表示にすることができます。
デフォルトの選択を設定できますか?
はい。フォームの読み込み時にオプションを事前に選択するには、「デフォルト値」を使用します。
どのような条件付き論理演算子が利用できますか?
使用可能な演算子には、等しい、等しくない、含む、含まない、より大きい、より小さい、空である、空ではないなどがあります。
ドロップダウンを使用して他のドロップダウンを制御できますか?
はい。これは条件付きロジックを使用して行われ、国 → 州 → 市などのフォローアップドロップダウンを表示または非表示にします。
ドロップダウンフィールドはモバイルフレンドリーですか?
はい。モバイルデバイスではネイティブピッカーが使用され、検索と複数選択のオプションは正常に機能します。
