<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DropDownList_change_event_using_jQuery_class_selector_in_ASP_net.aspx.cs" Inherits="WebApplication1.DropDownList_change_event_using_jQuery_class_selector_in_ASP_net" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Jquery/jquery-3.6.0.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<asp:DropDownList ID="DropDownList1" CssClass="DropDownListcss" runat="server">
<asp:ListItem Text="Select" Value="0"></asp:ListItem>
<asp:ListItem Text="asp.net" Value="1"></asp:ListItem>
<asp:ListItem Text="c#" Value="2"></asp:ListItem>
<asp:ListItem Text="ado.net" Value="3"></asp:ListItem>
<asp:ListItem Text="SQL Server" Value="4"></asp:ListItem>
</asp:DropDownList>
<script type="text/javascript">
$('.DropDownListcss').change(function () {
alert("DropDownList change() event.");
alert($(".DropDownListcss option:selected").text());
alert($(".DropDownListcss option:selected").val());
});
</script>
</div>
</div>
</form>
</body>
</html>
No comments:
Post a Comment