# フォームにドロップダウンメニューを追加する方法

Adaloアプリ内でドロップダウンメニューを作成する方法を学びましょう！\
まず始めに、Adalo内でデータベースを設定していると便利です。このチュートリアルでは、「Recipes」のデータベースを設定し、「Name」をテキストプロパティ、"Food Image"を画像プロパティとして作成し、"Users"に関連するプロパティを作成し、複数のレシピが複数のユーザーに属することができ、複数のユーザーが複数のレシピを持つことができるようにします。次に、「Categories」の新しいコレクションを作成し、テキストプロパティを追加して「Name」と呼びます。左パネルの「Categories」の隣にある「0 Records」をクリックします。フォーム内のドロップダウンメニューからユーザーが選択できるオプションとなるデータベースにレコードを追加する必要があります。

{% embed url="<https://www.youtube.com/watch?v=AR3J1RoDNPQ&feature=youtu.be>" %}

1. アプリ画面にフォームコンポーネントを追加します
2. 左パネルで、最初のドロップダウンメニューで「Recipes」を選択して、フォームを「Recipes」のデータベースコレクションに接続します。
3. その後、カテゴリのデータベースコレクションに移動し、「Recipes」との「関係」を設定します。これは、1つのレシピが1つのカテゴリを持つことができるが、1つのカテゴリが複数のレシピを持つことができる多対1の関係になります。保存をクリックします。
4. フォームに戻り、左パネルをクリックします。フィールドにスクロールダウンして、「表示フィールドを追加」をクリックします。これにより、ドロップダウンが作成されます。
5. 左パネルをスクロールして、送信ボタンに移動します。"別のアクションを追加"をクリックして、Recipes画面をCategories画面にリンクさせ、アプリに追加されたレシピを表示できるようにします。
6. Categories画面に移動したら、左パネルを検索して「Image list」を探します。それをCategories画面にドラッグした後、左パネルで、ドロップダウンメニューでRecipesを選択して、データベースコレクションを「Image list」にバインドします。
7. 左パネルをスクロールして、「Text」の下にある「Subtitle」を更新するためにクリックします。テキスト行から「Subtitle」を削除します。
8. "magic text symbol"をクリックして、「Categories」にスクロールし、「Name」を選択します。これにより、画像リストにカテゴリ名が挿入されます。

\
フォームをプレビューして、完了です！Adaloのフォーム内にドロップダウンメニューを作成しました。🎉\
クローン可能なアプリ！👀 → [リンク](https://previewer.adalo.com/c635fec2-d267-4d1d-aab2-894b2259407a)\\