Hola, quiero mostrar datos json para seleccionar la opción a la vista, pero no se muestra y no se puede hacer clic en el campo de búsqueda

aquí está mi controlador

 public function loadNamaPengarang(Request $request) { if ($request->has('q')) { $cari = $request->q; $data = DB::table('pengarang')->select('id', 'name')->where('name', 'LIKE', '%'. $cari .'%')->get(); return response()->json($data); } }

Aquí está mi HTML

 <label class="col-sm-4 col-form-label" style="color: #452d3a;">Nama</label> <div class="col-sm-4"> <select style="width:100%;" class="form-control carinamapengarang" id="namapengarang" name="search"> </select> </div>

Y este es mi javascript

 $('.carinamapengarang').select2({ tags: true, placeholder: 'Cari...', ajax: { url: "{{url('carinamapengarang')}}", dataType: 'json', delay: 250, processResults: function (data) { return { results: $.map(data, function (item) { return { text: item.name, id: item.id } }) }; }, cache: true } });