⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 webform1.aspx

📁 利用ajax和WebService实现的无刷新地域三级联动源码 使用微软提供的webservice.htc实现通过JavaScript调用WebService 内含数据库文件 开发环境：
💻 ASPX
字号:
🔍 
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" %>
<HTML>
	<HEAD>
		<title>jsWebServices</title>
		<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<script id="clientEventHandlersJS" language="javascript">
			<!--
			
			var str_province;
			var str_city;
			var str_area;

			function window_onload() 
			{				
				service.useService("/Service1.asmx?WSDL","myselect");
				
				str_province=service.myselect.callService(province_Result,"getProvince");
			}

			function province_Result(result)
			{				
				if(!result.error)
　　			{　　				
　　　　			document.all("select_province").length=0;　　　　			
　　　　			if(result.value.substring(0,1)==",")
						result.value =result.value.substring(1,result.length);
　　　　			var piArray = result.value.split(',');
　　　　			for(var i=0;i<piArray.length;i++)
　　　　			{
　　　　　　			var ary1 = piArray[i].toString().split('|');
　　　　　　			document.all("select_province").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　			}　　　　			
　　			}
			}

			function province_onchange() 
			{
				var province=document.getElementById("select_province");
				var pindex = province.selectedIndex;
				var pValue = province.options[pindex].value;
				var pText  = province.options[pindex].text;
				str_city=service.myselect.callService(city_Result,"getCity",pValue);
			}

			function city_onchange() 
			{
				var city=document.getElementById("select_city");
				var cindex = city.selectedIndex;
				var cValue = city.options[cindex].value;
				var cText  = city.options[cindex].text;
				str_area=service.myselect.callService(area_Result,"getArea",cValue);
			}

			function city_Result(result)
			{
				if(!result.error)
　　			{
　　　　			document.all("select_city").length=0;
　　　　			if(result.value.substring(0,1)==",")
						result.value =result.value.substring(1,result.length);
　　　　			var piArray = result.value.split(",");
　　　　			for(var i=0;i<piArray.length;i++)
　　　　			{
　　　　　　			var ary1 = piArray[i].toString().split("|");
　　　　　　			document.all("select_city").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　			}
　　			}
			}

			function area_Result(result)
			{
				if(!result.error)
　　			{
　　　　			document.all("select_area").length=0;
　　　　			if(result.value.substring(0,1)==",")
						result.value =result.value.substring(1,result.length);
　　　　			var piArray = result.value.split(",");
　　　　			for(var i=0;i<piArray.length;i++)
　　　　			{
　　　　　　			var ary1 = piArray[i].toString().split("|");
　　　　　　			document.all("select_area").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　			}
　　			}
			}
			//-->
		</script>
	</HEAD>
	<body MS_POSITIONING="GridLayout" onload="return window_onload()">
		<div id="service" style="BEHAVIOR:url(webservice.htc)"></div>
		<form id="Form1" method="post" runat="server">
			<SELECT id="select_province" onchange="province_onchange();" style="Z-INDEX: 101; LEFT: 8px; WIDTH: 128px; POSITION: absolute; TOP: 16px">
				<OPTION selected></OPTION>
			</SELECT><SELECT id="select_city" onchange="city_onchange();" style="Z-INDEX: 102; LEFT: 160px; WIDTH: 128px; POSITION: absolute; TOP: 16px">
				<OPTION selected></OPTION>
			</SELECT><SELECT id="select_area" style="Z-INDEX: 103; LEFT: 304px; WIDTH: 128px; POSITION: absolute; TOP: 16px">
				<OPTION selected></OPTION>
			</SELECT>
		</form>
		<a href="http://www.51aspx.com" target="_blank">download from 51aspx.com</a>

	</body>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -