> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# カスケード選択

> YiDAのカスケード選択コンポーネントの使い方を解説。部門選択や地域選択など、階層構造と連動性を持つオプション情報の設定方法、検索表示・クリアボタン・データソースによる部門の追加・編集手順、よくある質問を紹介します。

## 1. 適用シーン

オプション情報が1対多の関係を持ち、階層と連動性を備える場面で使用します。部門選択や地域選択（例：都道府県、市区町村）など、階層関係を伴うメインカテゴリとサブカテゴリの作成によく使われます。

<Note>
  コンポーネントの属性、使い方、例については、[**こちら**](/ja/open/yida/components/form/cascadeSelectField)を参照してください。
</Note>

## 2. 基本機能

### 2.1 検索表示

ユーザーが入力ボックスに直接コンテンツを入力して検索できるかどうかを設定します。階層が多い場合は、検索機能をオンにすると目的のオプションを素早く見つけられます。

検索表示

**効果は以下のとおりです：**

### 2.2 クリアボタン

オプションボックス内のコンテンツをクリアします。

クリアボタン

**効果は以下のとおりです：**

### 2.3 データソースによる部門の追加・削除・変更

コード編集をクリックすると、カスケード選択のデータソースを表示できます。ここでメインカテゴリとサブカテゴリの追加、削除、変更を行います。

データソース

データソースの第1階層と第2階層の構造は以下のとおりです：

例として、部門 > プロダクトの下に「新規部門」というオプションを追加する場合は、図3から図5の手順に従ってください：

## 3. よくある質問

<AccordionGroup>
  <Accordion id="q1" title="3.1 サブカテゴリ（下位階層）を追加するには？">
    最終的な効果：
  </Accordion>

  <Accordion id="q2" title="3.2 オプションのコンテンツを追加するには？">
    最終的な効果：
  </Accordion>

  <Accordion id="q3" title="3.3 階層構造をコピーしても設定が反映されないのはなぜですか？">
    `{}`や`[]`などの記号を含め、構造全体を完全にコピーしたか確認してください。また、カンマが正しい位置に挿入されており、かつ半角（英語）のカンマであることも確認してください。それでも解決しない場合は、コンポーネントを削除して再度追加してください。
  </Accordion>
</AccordionGroup>