A partir de este artículo encontré una forma interesante de crear cajas de selección dinámicas. Conseguí adaptarlo a mi caso, acrescentando a rotas/web.php
Route::post('select-ajax', ['as'=>'select-ajax','uses'=>'SpecificController@myformAjax']);
y generar caídas de selección dinámicas que tengan como valores el organization_id
como el siguiente estaba en mi controlador
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]);
}
}
e este es el ajax-select.blade.php
.
@if(!empty($campusorganizations))
@foreach($organizacionesdecampus como $clave => $valor)
<option value="{{ $key }}">{{ $value }}</option>
@endforeach
@endif
e o 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(datos) {
$("select[name='campus_organization_id'").html('');
$("select[name='campus_organization_id'").html(data.options);
}
});
});
</script>
Este fue el resultado
La pregunta es que quiero tener el nombre de la organización en lugar de su ID.
Dado que en mi modelo CampusOrganization
tengo
/**
* Obtener la organización
*
* @return \Organization
*/
function public organization()
{
return $this->belongsTo(Organization::class);
}
de donde se puede obtener el nombre de la organización.
Así, adapté el ajax-select.blade.php
para
<option value=''>Ninguna</opción>
@if(!empty($campusorganizations))
@foreach($organizacionesdecampus como $organizacióndecampus)
<option value="{{ $campusorganization->id }}">{{ $campusorganization->organization->name }}</option>
@endforeach
@endif
y el controlador para
/**
* Obtener la solicitud Ajax y devolver los datos
*
* @return \NIlluminate\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]);
}
}
pero ahora lo que recibes es (sin opciones)
También he probado con
$campusorganizations = CampusOrganization::with('organization')->where('campus_id',$request->campus_id)->get();
pero tampoco se dieron resultados.
Edit
Si devuelvo $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]);
}
}
entonces tengo en la respuesta
[
{
"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"
}
}
]
Después de eliminar return $campusorganizations;
, la respuesta será
{"options":"<option value=''>None<\/option>\r\n"}
Tenga en cuenta que al responder a esta pregunta también podrá responder (puedo ayudar con el portugués y el Inglés)
with
¿qué resultados devolvió?