Estoy tratando de usar una solicitud de selección única para recuperar datos de la base de datos según el término de búsqueda "nombre" y completar mis campos de entrada usando select2 para que no tenga que completar los formularios nuevamente después de la selección, pero parece que no llego a ninguna parte ya que he buscado en la web pero no puedo encontrar nada que resuelva el problema

aquí está mi solicitud de selección

 <script type="text/javascript"> $('.serviceId').select2({ placeholder: 'Select Service', allowClear: true, ajax: { url: '/autocomplete/fetch', dataType: 'json', delay: 250, processResults: function (data) { return { results: $.map(data, function (item) { return { text: item.name, id: item.id, description:item.description, rate:item.rate } }) }; }, cache: true } });

y aquí está el formulario;

 <select class="form-select form-select-solid fw-bold serviceId" name="serv_name"></select> </td> <td> {{ Form::text('description[]', null, ['class' => 'form-control form-control-solid']) }} </td> <td class="table__qty"> {{ Form::number('quantity[]', null, ['class' => 'form-control qty form-control-solid','required', 'type' => 'number', "min" => 1]) }} </td> <td> {{ Form::text('rate[]', null, ['class' => 'form-control price-input rate form-control-solid','required']) }} </td>

y el archivo del controlador

 /** *show the application fetch * *@return \Illuminate\Htttp\Response */ public function fetch(Request $request) { $data = []; if ($request->has('q')) { $search = $request->q; $data = DB::table('services') ->orderby('name','asc') ->select('id','name', 'description', 'rate') ->where('name', 'like', '%' .$search . '%') ->limit(5)->get(); } return response()->json($data); }

mi ruta: web.php

 Route::get('/autocomplete/fetch', 'InvoiceController@fetch')->name('autocomplete.fetch');

Solo necesito que el campo de cantidad sea un código duro por parte del usuario.

Lo siento, no soy tan bueno con los códigos y cualquier ayuda valiosa sería muy apreciada.