Laravel 根据 belongsTo 关系中的 select 更新字段

Laravel update field based on select in a belongsTo relationship

this article 中找到了一种创建动态选择框的有趣方法。我可以通过添加到 routes/web.php

来适应我的情况
Route::post('select-ajax', ['as'=>'select-ajax','uses'=>'SpecificController@myformAjax']);

并生成动态选择框,其值 organization_id 如下在我的控制器中

public function myformAjax(Request $request)
{
    if($request->ajax()){
        $campusorganizations = DB::table('campus_organizations')->where('campus_id',$request->campus_id)->pluck("organization_id","id")->all();
        $data = view('ajax-select',compact('campusorganizations'))->render();
        return response()->json(['options'=>$data]);
    }
}

这是 ajax-select.blade.php

@if(!empty($campusorganizations))
  @foreach($campusorganizations as $key => $value)
    <option value="{{ $key }}">{{ $value }}</option>
  @endforeach
@endif

和AJAX

<script type="text/javascript">
    $("select[name='campus_id']").change(function(){
        var campus_id = $(this).val();
        var token = $("input[name='_token']").val();
        $.ajax({
            url: "<?php echo route('select-ajax') ?>",
            method: 'POST',
            data: {campus_id:campus_id, _token:token},
            success: function(data) {
                $("select[name='campus_organization_id'").html('');
                $("select[name='campus_organization_id'").html(data.options);
            }
        });
    });
</script>

这是结果


问题是,我想要组织的名称而不是其 ID。

考虑到在我的 CampusOrganization 模型中我有

/**
 * Get the organization
 *
 * @return \Organization
 */
public function organization()
{
    return $this->belongsTo(Organization::class);
}

从哪里可以得到组织的名称。

所以,我已经将 ajax-select.blade.php 修改为

<option value=''>None</option>
@if(!empty($campusorganizations))
  @foreach($campusorganizations as $campusorganization)
    <option value="{{ $campusorganization->id }}">{{ $campusorganization->organization->name }}</option>
  @endforeach
@endif

和控制器

/**
 * Get Ajax Request and return Data
 *
 * @return \Illuminate\Http\Response
 */
public function myformAjax(Request $request)
{
    if($request->ajax()){

        $campusorganizations = CampusOrganization::where('campus_id',$request->campus_id)->get();

        $data = view('rooms.ajax-select', $campusorganizations)->render();

        return response()->json(['options'=>$data]);
    }
}

但现在我得到的只是(没有选项)

我也测试过

$campusorganizations = CampusOrganization::with('organization')->where('campus_id',$request->campus_id)->get();

但也没有给出结果。


编辑

如果我return$campusorganizations

/**
 * Get Ajax Request and return Data
 *
 * @return \Illuminate\Http\Response
 */
public function myformAjax(Request $request)
{
    if($request->ajax()){

        $campusorganizations = CampusOrganization::with('organization:id,name')
                                ->where('campus_id',$request->campus_id)
                                ->with('organization')
                                ->get();

        return $campusorganizations;

        $data = view('rooms.ajax-select',$campusorganizations)->render();

        return response()->json(['options'=>$data]);
    }
}

然后会在回复中看到

[
  {
    "id": 11,
    "campus_add_users": 0,
    "campus_id": 4,
    "organization_id": 4,
    "created_at": "2021-03-12T20:15:42.000000Z",
    "updated_at": "2021-03-12T20:15:42.000000Z",
    "organization": {
      "id": 4,
      "name": "Aldi",
      "slug": "aldi",
      "is_visible": 1,
      "user_id": 2,
      "created_at": "2021-03-12T20:15:38.000000Z",
      "updated_at": "2021-03-12T20:15:38.000000Z"
    }
  }
]

删除return $campusorganizations;后,响应将是

{"options":"<option value=''>None<\/option>\r\n"}


请注意,通过回答这个问题,您也可以回答(我可以提供葡萄牙语和西班牙语帮助)

您正在使用 AJAX,因此您需要在 myformAjax 函数中预先加载 organization 关系。

$campusorganizations = CampusOrganization::where('campus_id',$request->campus_id)
                                           ->with('organization')->get();

此外,而不是

$data = view('rooms.ajax-select',$campusorganizations)->render();

你应该这样命名变量

$data = view('rooms.ajax-select',['campusorganizations'=>$campusorganizations])->render();

那就够了