jQuery ile Select Nesnesinin Seçilen Eleman Değerini Alma

jQuery bildiğiniz gibi bize birçok alanda kolaylık sağlıyor.Kodlaması ne kadar karmaşık gibi görünse de bir yerden sonra durumu kavramanız halinde size profesyonel bir kodlanmış proje sunar. Sayfa yenilenmeden işlemlerin yapılması , sayfa geçişlerini mili saniyeler düşürme gibi olayları yapabildiğimiz gibi form elemanlarına da müdahale edebiliyoruz. Bugünkü konumuz jQuery ile Select Nesnesinin Seçilen Eleman Değerini Alma.

<script type="text/javascript">
        var SelecetCategories= [];
        $('#Categories:selected').each(function (i, selected) {
            SelecetCategories[i] = $(selected).text();
        });
</script>
 
<select id="Categories" multiple>
    <option value="1">Aşçı</option>
    <option value="2">Garson</option>
    <option value="3">Kasiyer</option>
    <option value="4">Temizlikçi</option>
</select>

Yukarıdaki kodları incelediğinizde sıradan bir javascript bilgisi veya biraz uğraşlar sonucu jquery diline hakim olmaktan fazla bir şey yok. Basit bir şekilde bir div içerisinde select nesnesi oluşturulmuş. jquery ile each fonksiyonunu biliyoruz. For döngüsüne benzer bir yapıdır ve girilen değerlerin hepsinin toplamını alıp teker teker işler. Böylece select nesnesinin içindeki bütün elemanları tek tek işledi ve değerlerini alıp birer birer yazdırdı. jQuery ile Select Nesnesinin Seçilen Eleman Değerini Alma işlemi bu kadardı. iyi çalışmalar.