jQuery İle Select Elemanlarını Almak

Whistle

Ruhsuz Filozof
Kurucu
Kurumsal Üye
Geliştirici
Yardımsever Üye
Mesaj
11.495
Çözümler
546
Beğeni
12.048
Puan
5.864
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