DropDownList嵌套局部刷新

最新推荐文章于 2021-09-06 15:02:22 发布

原创最新推荐文章于 2021-09-06 15:02:22 发布 · 494 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#下拉框 #局部刷新

html 专栏收录该内容

4 篇文章

订阅专栏

本文展示了一个使用ASP.NET AJAX技术实现的级联下拉框示例，通过UpdatePanel和AsyncPostBackTrigger控制下拉框之间的联动，使得在用户选择一项后可以异步加载相关选项。

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" RenderMode="Inline" UpdateMode="Conditional">
<ContentTemplate>
下拉框一：<asp:DropDownList ID="droprivince" AutoPostBack="true" OnTextChanged="dd_province_TextChanged" Style="width: 100%;" class="form-control" runat="server"></asp:DropDownList>
下拉框二：<asp:DropDownList ID="drocity" Style="width: 100%;" class="form-control" runat="server" AutoPostBack="true" OnTextChanged="dd_coty_TextChanged"></asp:DropDownList>
下拉框三：<asp:DropDownList ID="droarea" Style="width: 100%;" class="form-control" runat="server"></asp:DropDownList>

</ContentTemplate>

（要想一些样式不变化就加上这些）

<asp:AsyncPostBackTrigger ControlID="droprivince" EventName="TextChanged" />

<asp:AsyncPostBackTrigger ControlID="drocity" EventName="TextChanged" />

<asp:AsyncPostBackTrigger ControlID="droarea" EventName="TextChanged" />

</Triggers>

</asp:UpdatePanel>

后台就按照触发事件，没有什么变化