jQuery İle Select Elemanlarını Almak

Whistle

Ruhsuz :/
Kurucu
Geliştirici
Yardımsever Üye
Mesaj
12.301
Çözümler
574
Beğeni
15.783
Puan
6.281
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.
 
Uyarı: Bu konu açıldığından bu yana baya zaman geçmiş.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.
Geri
Üst