Home/ Questions/Q 7900319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T08:56:27+00:00

I have a dropdownlist in my asp.net page. I want to display database data

  • 0

I have a dropdownlist in my asp.net page.
I want to display database data on page based on dropdown value selected.

How can i do the same using ajax?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could put the DropDownList inside an UpdatePanel and then subscribe to the SelectedIndexChanged event after setting the AutoPostBack property to true.

    Here’s an example:

    <%@ Page Language="C#" %>
<script type="text/C#" runat="server">
    protected void OnChange(object sender, EventArgs e)
    {
        label.Text = string.Format("Selected value: {0}", ddl.SelectedValue);
    }
</script>

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form id="Form1" runat="server">
        <asp:ScriptManager ID="scm" runat="server" />

        <asp:UpdatePanel ID="up" runat="server">
            <ContentTemplate>
                <asp:DropDownList 
                    ID="ddl" 
                    runat="server" 
                    AutoPostBack="true" 
                    OnSelectedIndexChanged="OnChange">
                    <asp:ListItem Value="1" Text="item 1" />
                    <asp:ListItem Value="2" Text="item 2" />
                    <asp:ListItem Value="3" Text="item 3" />
                </asp:DropDownList>

                <asp:Label ID="label" runat="server" />
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddl" EventName="SelectedIndexChanged" />
            </Triggers>
        </asp:UpdatePanel>
    </form>
</body>
</html>

    To learn more about update panels and ASP.NET AJAX you may take a look at the following article.

    • 0