Asp.net Jquery ile Dropdownlist Seçilen Değeri Okuma
Dropdownlist ile listelenen elemanlardan seçilenin değerini Jquery ile okuyabiliriz. İlk olarak formumuza bir DropDownlist ve textbox ekliyoruz
Plaka Bilgileri <asp:DropDownList ID="plakalistesi" runat="server" > <asp:ListItem Value=""></asp:ListItem> <asp:ListItem Value="01">Adana</asp:ListItem> <asp:ListItem Value="02">Adıyaman</asp:ListItem> <asp:ListItem Value="03">Afyon</asp:ListItem> <asp:ListItem Value="04">Ağrı</asp:ListItem> <asp:ListItem Value="05">Amasya</asp:ListItem> </asp:DropDownList> <asp:TextBox ID="plaka" runat="server"></asp:TextBox>
daha sonra sayfamıza Jquery ekliyoruz
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
şimdi ise DropDownList’de değişiklik olup olmadığını kontrol edip eğer seçim değişirse değerini textbox’a atayıp ekranda gösteriyoruz. kodlarımızın tamamı….
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>www.aspnetornekleri.com</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#plaka').hide(); $('#plakalistesi').change(function () { var plaka = $('#plaka'); var okunanbilgi = $("#plakalistesi option:selected").val(); if (okunanbilgi) { plaka.show(); plaka.val(okunanbilgi); } else plaka.hide(); }); }); </script> </head> <body> <form id="form1" runat="server"> <div>Plaka Bilgileri <asp:DropDownList ID="plakalistesi" runat="server" > <asp:ListItem Value=""></asp:ListItem> <asp:ListItem Value="01">Adana</asp:ListItem> <asp:ListItem Value="02">Adıyaman</asp:ListItem> <asp:ListItem Value="03">Afyon</asp:ListItem> <asp:ListItem Value="04">Ağrı</asp:ListItem> <asp:ListItem Value="05">Amasya</asp:ListItem> </asp:DropDownList> <!-- www.aspnetornekleri.com --> <asp:TextBox ID="plaka" runat="server"></asp:TextBox> </div> </form> </body> </html>