0

asp.netページにドロップダウンリストがあります。選択したドロップダウン値に基づいて、データベースデータをページに表示したい。

ajaxを使用して同じことを行うにはどうすればよいですか？

4

1 に答える 1

0

DropDownListをUpdatePanel内に配置し、 AutoPostBackプロパティをに設定した後にSelectedIndexChangedイベントをサブスクライブすることができます。true

次に例を示します。

<%@ 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>

更新パネルとASP.NETAJAXの詳細については、次の記事を参照してください。

于 2012-05-07T07:40:17.690 に答える