Jquery ile Selectbox İçerisine Veri Çekme
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);
}