Ajax无刷新二级联动

最新推荐文章于 2024-04-19 08:09:09 发布

原创最新推荐文章于 2024-04-19 08:09:09 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #server #callback #function #xhtml #object

AJAX 专栏收录该内容

5 篇文章

订阅专栏

本文档演示了如何使用AjaxPro库在ASP.NET中创建一个无刷新的二级联动下拉列表。通过在服务器端获取数据并使用Ajax回调函数动态填充下拉选项，实现了在用户选择一级类别时，二级类别列表实时更新的效果。

<%@ Page Language="C#" %> <%@ Import Namespace="System.Data" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <mce:script runat="server"></mce:script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Ajax无刷新二级联动</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <div> <asp:dropdownlist id="DropDownList1" runat="server" onchange="cityResult();"></asp:dropdownlist> <asp:DropDownList ID="DropDownList2" runat="server" onchange="areaResult();"> </asp:DropDownList> </div> </div> </form> </body> </html>