在网上也看到许多DropDownList无刷新三级联动例子，总感觉不是那么爽哈，今天自己也写一个,正好最近都在用Anthem
就用Anthem写了个,现在把代码贴出来;
Code
后台代码Code
页面html必须要指定EnableEventValidation="false"，属性指示是否应执行事件验证。否则将在第二次加载市的数据时报错没有启动验证的事件
就用Anthem写了个,现在把代码贴出来;
Code后台代码
Code
davinJust a little thinking and interest! |
|
|||||||||
| 日 | 一 | 二 | 三 | 四 | 五 | 六 | |||
|---|---|---|---|---|---|---|---|---|---|
| 23 | 24 | 25 | 26 | 27 | 28 | 1 | |||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 | |||
| 9 | 10 | 11 | 12 | 13 | 14 | 15 | |||
| 16 | 17 | 18 | 19 | 20 | 21 | 22 | |||
| 23 | 24 | 25 | 26 | 27 | 28 | 29 | |||
| 30 | 31 | 1 | 2 | 3 | 4 | 5 | |||
Code
<%@ Page Language="C#" EnableEventValidation="false" AutoEventWireup="true" CodeFile="dr.aspx.cs" Inherits="dr" %><%@ Register TagPrefix="anthem" Namespace="Anthem" Assembly="Anthem" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>无标题页</title> <script language="javascript" type="text/javascript"> function loadCity(controlID) 
{ 
var oper; var parentCode; //alert(oper.options[oper.selectedIndex].value); //controlID根据触发事件的源是ddl_Province 还是ddl_City if(controlID.id=="ddl_Province")
{ oper=document.getElementById("ddl_Province"); parentCode=oper.options[oper.selectedIndex].value; //Anthem_InvokePageMethod方法注册getLowderDistrict()取数据 Anthem_InvokePageMethod('getLowderDistrict',[parentCode],showCityDdl);
} else if(controlID.id=="ddl_City") { oper=document.getElementById("ddl_City"); parentCode=oper.options[oper.selectedIndex].value; Anthem_InvokePageMethod('getLowderDistrict',[parentCode],showCountryDdl); } else oper=null; 
} //显示从服务器端取回的city function showCityDdl(result) { if(result==null||result=='undefined') return null; // alert( document.all("ddl_City").options.length); document.all("ddl_City").options.length=0;//重新加载数据清空当前的city option document.all("ddl_Country").options.length=0;//重新加载数据清空当前的country option var dis=result.value; var count=dis.length; //填充数据 for(var i=0;i<count;i++) { document.all("ddl_City").options.add(new Option(dis[i].DistrictName,dis[i].DistrictCode)); } } //显示从服务器端取回的country function showCountryDdl(result) { if(result==null||result=='undefined') return null; document.all("ddl_Country").options.length=0; var dis=result.value; var count=dis.length; // alert(count); for(var i=0;i<count;i++) { document.all("ddl_Country").options.add(new Option(dis[i].DistrictName,dis[i].DistrictCode)); } } </script></head><body> <form id="form1" runat="server"> <div style="height: 50px; text-align: center"> <asp:DropDownList ID="ddl_Province" runat="server"> </asp:DropDownList>省<asp:DropDownList ID="ddl_City" runat="server"> </asp:DropDownList>市<asp:DropDownList ID="ddl_Country" runat="server"> </asp:DropDownList>县 </div> </form></body></html>Code protected void Page_Load(object sender, EventArgs e) { Anthem.Manager.Register(this); if (!Page.IsPostBack) { District[] dis = BaseDistrictMng.GetAllProvinces(); this.ddl_Province.DataTextField = "DistrictName"; this.ddl_Province.DataValueField = "DistrictCode"; this.ddl_Province.DataSource = dis; this.ddl_Province.DataBind(); this.ddl_Province.Attributes.Add("onchange", "loadCity(this)");// this.ddl_City.Attributes.Add("onchange","loadCity(this)");//注册客户端事件 // this.ddl_City.Attributes.Add("onchange", "loadCountry(this.options[this.selectedIndex].value)"); } } [Anthem.Method] public District[] getLowderDistrict(string districtCode) { //GetLowerDistricts()根据上级行政区域代码去下级行政区域 District[] dis = BaseDistrictMng.GetLowerDistricts(districtCode); return dis; }
Powered by:
博客园
Copyright © 2025 davin
Powered by .NET 9.0 on Kubernetes
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新：园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
· 使用C#创建一个MCP客户端