Jquery Dropdown Search

Seçenekli dropdown alanınıza aktif bir arama seçeneği de katmak isteyen arkadaşlar bir kaç satırla bu işi yapabilirler.

selectimize bir id ekliyoruz.

<select id=’etiketle’>

<option></option>

</select>

Arama sonucunda gelecek listeyi bir divde göstermek için aşağıdaki gibi div bloğu açıyoruz.

<div id=’sonuclar’></div>

Dönen sonuçlara hayat vermek için jquery kodumuzu ekliyoruz

$(document).ready(function(){
$(“#etiketle”).select2();

var username = $(‘#selUser option:selected’).text();
var userid = $(‘#selUser’).val();

$(‘#sonuclar’).html(“id : ” + userid + “, name : ” + username);

});