Laravel提交表单后保留下拉框选中值求助：班级下拉提交后重置

这个问题很常见，核心原因是表单提交后页面重新加载，下拉框没记住之前选中的选项。咱们可以通过给对应选项添加selected属性来保留选中状态，具体分几种场景处理：

场景1：普通表单POST提交（推荐） #

Laravel的old()助手函数能帮我们获取表单提交后存在session里的旧输入值。你只需要修改下拉框的<option>标签，判断当前班级ID是否等于提交的class_id即可：

修改后的下拉框代码：

<div>
    <select name="class_id" class="form-control" id="class_id">
        <option value="">{{trans('student_lang.student_select_class') }}</option>
        @foreach($class as $classes)
            <option value="{{$classes->id}}" {{ old('class_id') == $classes->id ? 'selected' : '' }}>
                {{$classes->title}}
            </option>
        @endforeach
    </select>
</div>

注意点： #

• 确保你的表单是用POST方法提交的，old()函数依赖session存储旧输入，只有POST请求会自动把输入数据存入session。

场景2：GET请求提交（比如通过URL参数传递） #

如果是GET请求提交表单，old()函数不会生效，这时候可以从请求中获取选中的班级ID，传递到视图后再判断：

步骤1：控制器中传递选中的班级ID #

public function yourControllerMethod(Request $request)
{
    $class = Class::all(); // 替换成你实际的班级模型查询逻辑
    $selectedClassId = $request->input('class_id'); // 获取URL中的class_id参数
    
    // 获取科目列表的逻辑...
    
    return view('your-view-name', compact('class', 'selectedClassId'));
}

步骤2：视图中修改下拉框代码 #

<div>
    <select name="class_id" class="form-control" id="class_id">
        <option value="">{{trans('student_lang.student_select_class') }}</option>
        @foreach($class as $classes)
            <option value="{{$classes->id}}" {{ isset($selectedClassId) && $selectedClassId == $classes->id ? 'selected' : '' }}>
                {{$classes->title}}
            </option>
        @endforeach
    </select>
</div>

额外：编辑页面场景 #

如果是编辑学生信息的页面，需要优先使用表单提交的旧值，没有的话再用数据库里的班级ID：

<option value="{{$classes->id}}" {{ old('class_id', $student->class_id) == $classes->id ? 'selected' : '' }}>
    {{$classes->title}}
</option>

这里$student是你从数据库取出的学生模型实例。

内容的提问来源于stack exchange，提问作者Md. Meraz Hossain