当前文件：
myAjaxDropdownlist/Default.aspx[3K，2009-6-12 11:48:08]，
打开代码结构图
1
<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
2
3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5<html xmlns="http://www.w3.org/1999/xhtml" >
6<HEAD>
7 <title>WebForm1</title>
8 <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
9 <meta name="CODE_LANGUAGE" Content="C#">
10 <meta name="vs_defaultClientScript" content="JavaScript">
11 <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
12 <script type="text/javascript" src="ajax_func.js"></script>
13 <script>...
14
function changsheng(va)
15
...{
16
17 if(va!='0')
18 ...{
19 var city = document.getElementById("city");
20 city.disabled=false;
21 var qu = document.getElementById("qu");
22 qu.disabled=true;
23
24 var f=document.getElementById("qu");
25 f.options.length=1;
26 var url="Handler.ashx?type=sheng&id="+va;
27 send_request("GET",url,null,"text",populateClass3);
28
}
29 }
30 function populateClass3()...{
31 var f=document.getElementById("city");
32 if(http_request.readyState==4)...{
33 if(http_request.status==200)...{
34 var list=http_request.responseText;
35 var classList=list.split("|");
36 f.options.length=1;
37 for(var i=0;i<classList.length;i++)...{
38 var tmp=classList[i].split(",");
39 f.add(new Option(tmp[1],tmp[0]));
40 }
41 }else...{
42 alert("您所请求的页面有异常。");
43 }
44 }
45 }
46 function changshi(va)
47 ...{
48 if(va!='0')
49 ...{
50 var qu = document.getElementById("qu");
51 qu.disabled=false;
52
53 var url="Handler.ashx?type=shi&id="+va;
54 send_request("GET",url,null,"text",populateClass4);
55
56 }
57 }
58 function populateClass4()...{
59 var f=document.getElementById("qu");
60 if(http_request.readyState==4)...{
61 if(http_request.status==200)...{
62 var list=http_request.responseText;
63 var classList=list.split("|");
64 f.options.length=1;
65 for(var i=0;i<classList.length;i++)...{
66 var tmp=classList[i].split(",");
67 f.add(new Option(tmp[1],tmp[0]));
68 }
69 }else...{
70 alert("您所请求的页面有异常。");
71 }
72 }
73 }
74
75
</script>
76 </HEAD>
77 <body>
78 <form id="Form1" method="post" runat="server">
79 <FONT face="宋体"></FONT>
80 <!--省份列表 这里的数据刷新页面时直接去数据库得到。。-->
81
82 <select id="sheng" style="width: 121px" runat="server" onchange="changsheng(this.value)">
83 <option value="0">
84 --请选择省--
85 </option>
86 </select>
87 <!--城市列表 等到ajax查询出该省份的所有城市，用填充到城市列表中-->
88 <select id="city" runat="server" onchange="changshi(this.value)">
89 <option value="0">
90 --请选择市--
91 </option>
92 </select>
93 <!--区的列表 -->
94 <select id="qu" runat="server" >
95 <option value="0">
96 --请选择区--
97 </option>
98 </select>
99 </form>
100 </body>
101</html>
102
打包下载该项目完整源码：Ajax三级联动和无刷新分页源码