Laravelでセレクトボックスを生成・バインドする方法（選択肢の動的生成）

1. Bladeでセレクトボックスを作る

1. Bladeでセレクトボックスを作る

まずは静的なセレクトボックスの例です。セレクトボックスとは、ユーザーが複数の選択肢から1つを選べるフォーム部品です。

<form action="{{ route('form.submit') }}" method="POST">
    @csrf
    <select name="fruit" class="form-select">
        <option value="">選択してください</option>
        <option value="りんご" {{ old('fruit') == 'りんご' ? 'selected' : '' }}>りんご</option>
        <option value="みかん" {{ old('fruit') == 'みかん' ? 'selected' : '' }}>みかん</option>
        <option value="バナナ" {{ old('fruit') == 'バナナ' ? 'selected' : '' }}>バナナ</option>
    </select>
    <button type="submit" class="btn btn-primary mt-2">送信</button>
</form>

ここでold('fruit')を使うことで、バリデーションエラー時にユーザーの選択を保持できます。

2. 配列やデータベースから動的に選択肢を生成する

2. 配列やデータベースから動的に選択肢を生成する

動的生成では、配列やデータベースのデータをループで回してタグを作ります。

@php
$fruits = ['りんご', 'みかん', 'バナナ', 'ぶどう'];
@endphp

<select name="fruit" class="form-select">
    <option value="">選択してください</option>
    @foreach ($fruits as $fruit)
        <option value="{{ $fruit }}" {{ old('fruit') == $fruit ? 'selected' : '' }}>{{ $fruit }}</option>
    @endforeach
</select>

ループ処理@foreachを使って、配列の要素を1つずつタグに変換しています。

3. Controllerで選択値を受け取る

3. Controllerで選択値を受け取る

ControllerではRequestオブジェクトを使って値を受け取ります。

public function submit(Request $request)
{
    $request->validate([
        'fruit' => 'required|string',
    ]);

    $selectedFruit = $request->input('fruit'); // 選択された値を取得
}

バリデーションを行うことで、未選択の場合にエラーを返すこともできます。

4. データベースから選択肢を生成する場合

4. データベースから選択肢を生成する場合

例えば、fruitsテーブルに登録されている果物をセレクトボックスに表示する場合です。

// Controller
public function create()
{
    $fruits = \App\Models\Fruit::all(); // データベースから取得
    return view('form.create', compact('fruits'));
}

<select name="fruit" class="form-select">
    <option value="">選択してください</option>
    @foreach ($fruits as $fruit)
        <option value="{{ $fruit->id }}" {{ old('fruit') == $fruit->id ? 'selected' : '' }}>
            {{ $fruit->name }}
        </option>
    @endforeach
</select>

これでデータベースの内容が自動でセレクトボックスに反映されます。

5. 選択肢生成のポイント

5. 選択肢生成のポイント

• 静的・動的の両方でセレクトボックスを作れる
• 動的生成は配列やデータベースをループでに変換
• バリデーション後の保持はold()で簡単に実装
• ControllerでRequestを使って選択値を取得
• 未選択時のバリデーションを設定してユーザーの入力ミスを防ぐ