Laravel 5.2 如何使用多个 select 填充编辑表单?

Laravel 5.2 How to populate edit form with multiple select?

我想创建一个包含几个城市的区域。所以我决定使用 jQuery Select2

这是我创建的表格 multiple selection

<div class="form-group {{ $errors->has('cities') ? 'has-error' : '' }}">
                    <label>Tentukan Kota</label>
                    <select name="cities[]" class="city form-control" data-placeholder="Pilih Kota" style="width: 100%;" multiple="multiple">
                    @foreach($cities as $city)
                    <option value="{{ $city->id }}">{{ $city->name }}</option>
                    @endforeach
                    </select>

                </div>

我可以多个 select 就像在文档中一样。

这是我的控制器,它处理显示创建表单

public function zone_create()
{
    $cities = City::where('zone_id', null)->get();
    return view('backend.admin.pricings.zone_create', compact('cities'));
}

关系是一个区域有多个城市。

class Zone extends Model
{
    protected $fillable = [
        'name',    
    ];

    public function cities(){
        return $this->hasMany(City::class);    
    }
}

城市属于地区

class City extends Model
{
    protected $fillable = [
        'zone_id',
        'name',    
    ];

    public function zone(){
        return $this->belongsTo(Zone::class);    
    }
}

这是我的编辑方法

public function edit($id)
{
    $zone = Zone::find($id);
    $cities = City::all();
    return view('backend.admin.pricings.zone_edit', compact('zone', 'cities'));
}

这是我到目前为止的编辑表单

<div class="form-group {{ $errors->has('cities') ? 'has-error' : '' }}">
                    <label>Tentukan Kota</label>
                    <select name="cities[]" class="city form-control" data-placeholder="Pilih Kota" style="width: 100%;" multiple="multiple">
                    //load option from cities table
//set selected the city belongs to zone
//the other city which don't belong to zone still here for option
                    </select>

                </div>

但是我如何使用 City belongs to zone 填充我的编辑表单(多个 selection)?

在您的编辑功能中,您可以获得该特定区域的所有城市

$zone_cities = implode(',',$zone->cities->lists('name')->toArray());

并在您的视图中传递 $zone_cities

return view('backend.admin.pricings.zone_edit', compact('zone', 'cities','zone_cities'));

您必须在视图中使用表单模型绑定 [此处]阅读 laravel 集合形式模型绑定。1

您将像这样打开您的表格

您的编辑表单将是这样的

{!! Form::label('cities','Cities: ') !!}
{!! Form::text('cities',$zone_cities,['class'=>'input','id'=>'cities','aria-required'=>'true','data-seperator'=>',']) !!}

在我看来就是这样

<select name="cities[]" class="city form-control" data-placeholder="Pilih Kota" style="width: 100%;" multiple="multiple">
                    @foreach($cities as $city)
                        @if(in_array($city->id, $zoneCityIds))
                        <option value="{{ $city->id }}" selected="true">{{ $city->name }}</option>
                        @else
                        <option value="{{ $city->id }}">{{ $city->name }}</option>
                        @endif 
                    @endforeach
                    </select>

在我的控制器中像这样

public function zone_edit($id)
    {
        $zoneCityIds = [];
        $zone = Zone::find($id);
        $cities = City::all();
        foreach($zone->cities as $zoneCity)
        {
            $zoneCityIds[] = $zoneCity->id;
        }        

        return view('backend.admin.pricings.zone_edit', compact('zone', 'cities', 'zoneCityIds'));
    }

其实就是选项标签 selected="true"

对于多个值只需使用

<div class="form-group">
    {!! Form::label('Categories') !!}<br />
    {!! Form::select('categories[]', $cost_centers, 
        $post->categories->pluck('id')->toArray(), 
        ['class' => 'form-control', 
        'multiple' => 'multiple']) !!}
</div>