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());
    })

    });

nihat için bir yanıt yazın X

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya devam et