jQuery ile Select – Option Nesnesi Kullanımı – Web Tasarım & Programlama
Jquery Web Tasarım

jQuery ile Select – Option Nesnesi Kullanımı

Bu yazımızda jQuery ie Select nesnesi option kullanımını göreceğiz. Hazırlayacağımız sayfada hangi option öğesinin seçili olduğunu kontrol ederek ekranda mesaj verdireceğiz. Buton‘ a basıldığında seçili olan option nesnesinin if -else if yapısını kullanarak alert ile ekranda görüntülenmesini sağlayacağız. Aynı zamanda select nesnemizi “change” olayını kullanarak anlık olarak seçim yapıldığında hangi option nesnesi seçilmişse sayfamızda oluşturduğumuz div içinde gösterilmesini sağlayacağız.

 

Ekran Çıktısı:

2 Yorum

  • Yaptığın katkı için teşekkürler. Yaptığım bir uygulamada prop kullanmam gerekiyordu. Uygulamanın bir parçası olarak yazmıştım. Şimdi sizin yazdığınız şekilde güncelledim.

  • Kardeşim pisikopat mısın? insanları neden uğraştırıyorsunuz!!

    $(document).ready(function() {

    //Seçim yapılıp butona tıklandığında çalışacak kodlar

    $(“#btn”).on(“click”,function(){
    //var sonuc;
    alert($(“#secim”).val()+ ” isimli öğrenci seçili”);
    });

    //Seçim değiştiğinde çalışacak kodlar

    $(“#secim”).on(“change”,function(){
    $(“#kutu”).html($(“#secim”).val());
    })

    });

Yorum yap

Sayfamızı YouTube'da da takip etmek ister misiniz?
Holler Box