jQuery İle Select Elemanlarını Almak

Whistle

S İ N İ R L E N M E K
Site yetkilisi
Kurucu
Kurumsal Üye
Geliştirici
Yardımsever Üye
Mesaj
11.574
Çözümler
551
Beğeni
12.283
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:
<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