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
dropdownlisrjquery

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>

dropdownlisrjquery