Jquery ile Selectbox İçerisine Veri Çekme

sinem ünal
1 min readJun 18, 2020

--

Merhaba,Selectbox içerisine remote olarak data nasıl çekilir şimdi ona bakalım.

Örn:Çok fazla kullanıcı olduğunda ve bunları select içerisine çekmek istediğimizde sıkıntı yaşayabiliyoruz. Ben böyle durumlarda ajax kullanarak önce belli bir kaydı getiriyorum(Örn:100) daha sonra select2 arama özelliğini kullanarak istediğim veriye ulaşıyorum.

Html

<span>Users</span>
<div>
{!!Form::select('users'[],'',array('class'=>'form-control',
'id'=>'usersList')) !!}
</div>

jQuery

$('#usersList').select2({
ajax: {
url: '{{url("Users/Json/Select2")}}',
dataType: 'json',
data: function (params) {

var query = {
Query: params.term
}
},
processResults: function (data) {
return {
results: data

};
}

}
});

Route::get(‘’Users/Json/Select2, ‘UsersController@select2’);

public function select2(){
$query = Request::input('Query');
$users = Users::query();
if (!empty($query)) {
$users->where(function($users) use($query){
$users->where('name', 'like', '%' . $query . '%')
->orWhere('code', 'like', '%' . $query . '%');

});
}

$result = $users->select('id', \DB::raw("Concat(code,' - ',name) as text"))->take(100)->get();


return response()->json($result);
}

--

--