Bu yazımda, Jquery kullanarak OnChange olayında DropDownList’in seçili Metin ve Değerini elde etmeyi ve elde ettiğimiz bu değerin bir div içinde ve alert penceresinde nasıl yazdırılacağını bir örnek yardımıyla anlatacağım.
HTML Select DropDownList’te bir öğe seçildiğinde, HTML Select DropDownList referansının parametre olarak geçirildiği GetSelectedTextValue JavaScript işlevi yürütülür.
Bu referans kullanılarak, seçilen Değer ve Metin belirlenir ve bir JavaScript uyarı kutusu kullanılarak görüntülenir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <html> <head> <title>yazilimkodlama.com</title> </head> <body> Araç Seçin: <select id="ddlAraba" onchange="GetSelectedTextValue(this)"> <option value=""></option> <option value="1">Nissan</option> <option value="2">Toyota</option> <option value="3">Honda</option> <option value="4">Audi</option> <option value="5">Mercedes</option> </select> <div id="secim"> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(function () { $("#ddlAraba").change(function () { var selectedText = $(this).find("option:selected").text(); var selectedValue = $(this).val(); $("#secim").html("Seçiminiz : "+selectedText); alert("Seçilen Metin: " + selectedText + " Seçilen Değer: " + selectedValue); }); }); </script> </body> </html> |
