Junior Developer’dan. Bugün ne öğrendim ? Gün-2

JQuery kullanarak JSon dan gelen veri ile select nasıl doldurulur ?

ilk olarak sayfamıza idsi slct olaan bir select ekleyelim

<select id=”slct”>

</select>

Javascript kısmına gelirsek fonksiyonumuz aşağıdaki gibi :

$.slctDoldur = function () {

var $select = $(‘#slct’);

$.get(‘http://jsonplaceholder.typicode.com/albums', function (data) {

$select.html(‘’);

$.each(data, function (i, v) {

$select.append(‘<option value=”’ + data[i].id+ ‘”>’ + data[i].title+ ‘</option>’);

});

});

}

— — — — — — — — — — — — — — — — — — — — — — — — — — — —

ilk olarak sayfamızdaki select nesnesini bir değişkene atıyoruz

var $select = $(‘#slct’);

Sonra

http://jsonplaceholder.typicode.com/albums adresine get isteği yapıyoruz

$.get(‘http://jsonplaceholder.typicode.com/albums', function (data)

daha sonra append fonksiyonunu kullanarak select nesnemize seçenek ekliyoruz.

$select.append(‘<option value=”’ + data[i].id+ ‘”>’ + data[i].title+ ‘</option>’);

tabi birden fazla veri geleceği için bunu bir döngüye sokmamız gerekiyor :).

Son olarak aşağıdaki şekilde istediğimiz kısımda select nesnemizi doldurabiliriz.

$.slctDoldur();