Laravel select下拉框如何根据用户group_id自动选中并仅展示所属组选项

• 原生<select>标签本身不支持readonly属性，添加后无法阻止用户展开下拉选择其他选项
• 你使用了Select2下拉组件，它会替代原生select的渲染逻辑，仅给原生标签加属性不会同步到Select2实例上
• 当用户已有group_id的分支中，你直接使用了未定义的$group变量，可能引发渲染异常，导致分支判断失效输出所有选项

修正后完整代码 #

<div class="row mg-t-20">
    <label class="col-sm-4 form-control-label">Group Sales:</label>
    <div class="col-sm-8 mg-t-10 mg-sm-t-0">
        <select name="group_id" class="form-control select2" @if(auth()->user()->group_id) disabled @endif>
            @if(auth()->user()->group_id)
                <option value="{{auth()->user()->group_id}}" selected>
                    {{ auth()->user()->group_id }}
                </option>
            @else
                <option label="Choose Group..."></option>
                @foreach($groups as $group)
                    <option value="{{ $group->id }}">{{ $group->id }}</option>
                @endforeach
            @endif
        </select>
        <!-- 兼容disabled属性导致表单提交时拿不到值的问题 -->
        @if(auth()->user()->group_id)
        <input type="hidden" name="group_id" value="{{ auth()->user()->group_id }}">
        @endif
    </div>
</div>

如果修改后Select2仍然展示旧选项，可以在页面初始化时补充组件重载逻辑：

// 初始化Select2
$('.select2').select2();
// 动态修改场景下可以先销毁再重建
// $('.select2').select2('destroy').select2();

改动说明 #

1. 把readonly替换为disabled属性，这是原生唯一可以阻止select下拉选择的属性，搭配隐藏域可以解决disabled字段不提交的问题
2. 修正了有group_id分支下的变量引用错误，直接读取登录用户的组ID输出，避免变量未定义引发的渲染异常
3. 给唯一的用户组选项添加了selected属性，确保默认选中正确值
4. 简化了分支判断逻辑，原来冗余的elseif(!auth()->user()->group_id)直接替换为else，逻辑更清晰

内容的提问来源于stack exchange，提问作者Vtych