jQuery İle Select Elemanlarını Almak

Whistle

Ruhsuz Filozof
Kurucu
Kurumsal Üye
Geliştirici
Yardımsever Üye
Mesaj
11.534
Çözümler
549
Beğeni
12.157
Puan
5.915
Ticaret Puanı
1
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:
<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:
$(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.
 
Geri
Üst