Laravel多选框编辑时无法回显已选值问题求助

问题原因 #

数据库中OtherOffices字段是JSON类型，存储的是字符串格式的数组，直接在Blade模板中无法直接判断选项是否被选中，需要先将其转换为PHP数组，再通过数组判断来设置selected属性。

解决方案 #

1. 模型自动转换JSON字段为数组 #

在对应的数据模型中添加$casts属性，让Laravel自动将JSON字段转换为PHP数组：

class YourModel extends Model
{
    protected $casts = [
        'OtherOffices' => 'array',
    ];
}

这样从数据库取出数据时，$yourModel->OtherOffices会直接是数组类型，无需手动解码。

2. 修改Blade模板中的多选下拉框 #

调整选项的selected属性判断逻辑，同时修正id的不规范写法（HTML id不能包含[]）：

<select name="OtherOffices[]" id="OtherOffices" style="width:180px;" class="myform-select" multiple>
    <!-- 空选项仅在未选中任何值时默认选中 -->
    <option value="" {{ empty($yourModel->OtherOffices) ? 'selected' : '' }}>Select Offices</option>
    @foreach ($offices as $office)
        <option 
            value="{{ $office->id }}" 
            {{ in_array($office->id, $yourModel->OtherOffices ?? []) ? 'selected' : '' }}
        >
            {{ $office->caption }}
        </option>
    @endforeach
</select>

注意：将$yourModel替换为你编辑页面中实际使用的模型变量名（比如$item、$model）。

备选方案（未设置模型$casts时） #

如果不想修改模型，可以在控制器中手动将JSON字符串解码为数组：

public function edit($id)
{
    $yourModel = YourModel::findOrFail($id);
    // 将JSON字段转为数组，为空时设为空数组
    $yourModel->OtherOffices = json_decode($yourModel->OtherOffices, true) ?? [];
    return view('your-edit-view', compact('yourModel', 'offices'));
}

之后再使用上面的Blade模板代码即可。

内容的提问来源于stack exchange，提问作者mahdi.gh