问题描述
从 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();
但也没有给出结果。
编辑
如果我返回 $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，因此您需要在 organization 函数中预先加载 myformAjax 关系。
$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();
这就够了
