jQuery İle Select Elemanlarını Almak

Whistle

I LIKE LikapaTR
Kurucu
Kurumsal Üye
Geliştirici
Yardımsever Üye
Mesaj
11.905
Çözümler
564
Beğeni
13.270
Puan
5.915
Ticaret Puanı
2
Merhaba arkadaşlar,
Daha önceki konumuzda each kullanım örneklerinden bahsetmiştik. Peki bunları uygulamalarda hangi alanlarda kullanabiliriz? Aslında birçok alanda kullanabiliriz. Bu konuda ise seçeneklere tanımlanan değerlerin verisini almayı göstereceğim...

Örnek bir seçenek formu;
HTML:
Genişlet Daralt Kopyala
<select name="list" id="list">
    <option value="1">Whistle</option>
    <option value="2">Whistle 2</option>
    <option value="3" selected>Whistle 3</option>
    <option value="4">Whistle 4</option>
</select>

Javascript ile bunu nasıl alıyoruz?
JavaScript:
Genişlet Daralt Kopyala
$(function() {
    $("#list option").each(function(key) {
        console.log($(this).attr('value') + " : " + $(this).text());
    
        //eğer listede seçili olan varsa ekrana yazdirir.
        if($(this).attr('selected'))
            console.log($(this).text() + " seçilmiş");
    });
});

Burada sadece örnek kullanım verilmiştir. Hangi amaçla kullanacağınız size kalmıştır. Html'de aldığınız değerleri belki bir objeye aktarıp diğer işlemler içinde kullanabilirsiniz.
 
Üst