📄 address.tag

📁 网上购物系统
💻 TAG
字号:
<%--收货地址 --%>
<%@ tag pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/templates/default/shop.css"
	type="text/css" media="all" />
	
<script type="text/javascript" src="${pageContext.request.contextPath}/js/prototype.js"></script>
<script type="text/javascript">			
		
		//发送异步请求，获取需要更新的地区信息
		function countryArea(level,parentID)
		{
			var url = '${pageContext.request.contextPath}/country.do';
			var param = "parentid="+parentID+"&level="+level+"&p="+new Date();//加日期参数保证每次的请求都被客户端相应。
				
			var a=new Ajax.Request(
		  		url,
		  		{
		  			method:'get',
		  			parameters:param,
		  			onComplete:function (ajax){
		  				//alert(ajax.responseText);
		  				removeOldElements(level);				//删除需要更新的地区信息	  					
		  				addNewElements(ajax.responseXML);		//更新地区信息		
		  				//autoSelected();  				 	
		  			}
		  		});		
		}
		//删除需要更新的地区信息	
		function removeOldElements(level)
		{				
  				switch(eval(level)){
  				case 1:  					
  					$("ddlProvince").innerHTML = "";          //如果用户选择国家，则更新：省、地区、县市					
  				case 2:
  					$("ddlCity").innerHTML = "";  			  //如果用户选择省，则更新：地区、县市		
  				case 3:   					
  					$("ddlCounty").innerHTML = "";  		  //如果用户选择地区，则更新：县市			
  				}
		}	
		//根据XML文档加载地区信息 
		function addNewElements(xmlDOM){
			//AJAX返回的XML的DOM对象
			var children = xmlDOM.childNodes[0].childNodes;
			
			//得到三个下拉菜单的DOM对象
			var provinceOptions = $("ddlProvince").options;
			var areaOptions = $("ddlCity").options;
			var cityOptions = $("ddlCounty").options;			
			
			//根据返回的XML有选择的更新下拉菜单
			for(var i=0;i<children.length;i++){
				var palce = children[i];				
				switch(eval(palce.getAttribute("level"))){
				case 2:  //更新省份信息
					provinceOptions.add(new Option(palce.getAttribute("name"),palce.getAttribute("id")));
					break;
				case 3:  //更新地区信息
					areaOptions.add(new Option(palce.getAttribute("name"),palce.getAttribute("id")));
					break;
				case 4:  //更新县市信息
					cityOptions.add(new Option(palce.getAttribute("name"),palce.getAttribute("id")));
					break;
				}
			}
		}
		
		//如果修改收货信息，根据收货地址的地区id,动态更新下拉菜单
		function showPlaces(){			
			var provinceID = "${requestScope.address.province.id}";
			var areaID = "${requestScope.address.area.id}";
			var cityID = "${requestScope.address.city.id}";
			if(provinceID!=="" && areaID!=="" && cityID!==""){							
				autoSelected(provinceID,areaID,cityID);
			}			
		}
		
		
	 //发送异步请求，动态更新下拉菜单
		function autoSelected(provinceID,areaID,cityID)
		{
			var url = '${pageContext.request.contextPath}/autoselect.do';
			var param = "provinceID="+provinceID+"&areaID="+areaID+"&p="+new Date();//加日期参数保证每次的请求都被客户端相应。
				
			var a=new Ajax.Request(
		  		url,
		  		{
		  			method:'get',
		  			parameters:param,
		  			onComplete:function (ajax){
		  				//alert(ajax.responseText);
		  				removeOldElements(2);					//删除地区、县市信息	  					
		  				addNewElements(ajax.responseXML);		//更新地区、县市信息	
		  					
		  				$("ddlProvince").value = provinceID;     //自动选中省份
						$("ddlCity").value = areaID;    		 //自动选中地区
						$("ddlCounty").value = cityID;    		 //自动选中县市	 				 	
		  			}
		  		});		
		}
</script>


<body onload="showPlaces();">
<div class="Conright">
	<div id="control-left2">
		<div id="pannel-list-nav" style="border-bottom: 1px solid #DCE6F1;">
			<div id="bbs-title">
				<h3>
					收货地址
					<span
						style="color: #fff; padding-left: 10px; font-weight: normal;">&nbsp;&nbsp;&nbsp;&nbsp;(您可以预设您的购物收货地址)</span>
				</h3>
			</div>
			<div class="pannel-th">
				<div class="Htitle1" style="width: 60px;">
					收货人
				</div>
				<div class="Htitle1" style="width: 150px;">
					所在地区
				</div>
				<div class="Htitle1" style="width: 270px;">
					街道地址
				</div>
				<div class="Htitle1" style="width: 80px;">
					邮编
				</div>
				<div class="Htitle1" style="width: 120px;">
					电话/手机
				</div>
				<div class="Htitle1" style="width: 80px;">
					操作
				</div>
			</div>
			<!--循环-->
			<c:forEach items="${requestScope.receiveaddress}" var="address" varStatus="s">
				<div id="UpdatePanel2">
					<div class="pannel-list" onmousemove="this.className='pannel-list-on'" onmouseout="this.className='pannel-list'">
						<div class="Htitle2" style="width: 60px;height:30px;padding-top:10px;">${address.receivename}</div>
						<div class="Htitle2" style="width: 150px;height:30px;padding-top:10px;">
							<span class="fnumber">${address.province}-${address.area}-${address.city}</span>
						</div>
						<div class="Htitle2" style="width: 270px; text-align: left;height:30px;padding-top:10px;">${address.address}</div>
						<div class="Htitle2" style="width: 80px;height:30px;padding-top:10px;">${address.zip}</div>
						<div class="Htitle2" style="width: 120px;height:30px;padding-top:5px;">${address.phone}&nbsp;/&nbsp;${address.mobile}<br /></div>
						<div class="Htitle2" style="width: 80px;padding-top:10px;">
							<a id="rpAddress_ctl00_lbEdit" href="usercpaddress.htm?aid=${address.id }">修改</a>|
							<a id="rpAddress_ctl00_lbDel" href="delete_address.htm?aid=${address.id }">删除</a>
						</div>
					</div>
				</div>
			</c:forEach>
			<!--循环-->
		</div>
		<c:choose>
			<c:when test="${not empty requestScope.address}">
				<form action="modify_address.htm" method="post" >
			</c:when>
			<c:otherwise>
				<form action="send_address.htm" method="post" >
			</c:otherwise>
		</c:choose>
		
			<div id="UpdatePanel1">
				<br />
				<table width="500" cellpadding="0" cellspacing="0"
					style="margin:auto;">
					<tr>
						<td id="AlertInfo" style="font-size: 14px; color: blue">
							&nbsp;
						</td>
					</tr>
					<tr>
						<td id="EditInfo" align="center" style="font-size: 14px; font-weight: bold">
							<c:choose>
								<c:when test="${not empty requestScope.address}">修改</c:when>
								<c:otherwise>
									新增
								</c:otherwise>
							</c:choose>
							收货地址
						<font color='red'>[此处未校验，请填写全部]</font></td>
					</tr>
				</table>
				<table width="100%" cellpadding="0" cellspacing="0"
					style="border: solid 1px #B4C9E0; border-bottom: 0px;">
					<tr>
						<td class="EditTd1">
							收货人姓名
							<font style="color: Red">*</font>
						</td>
						<td colspan="3" class="EditTd2">
							<input name="tbId" type="hidden" id="tbId" value="${requestScope.address.id }" />
							<input name="tbName" type="text" id="tbName" value="${requestScope.address.receivename }"
								style="width:200px;" />
							<span id="RequiredFieldValidator3"
								style="color:Red;display:none;">请填写收货人姓名</span>
						</td>
					</tr>
					<tr>
						<td class="EditTd1">所在地区<font style="color: Red">*</font></td>
						<td colspan="3" class="EditTd2">
							<select name="ddlProvince" id="ddlProvince" style="width:205px;" onchange="countryArea(2,this.value);">
								<option>所在省</option></select>省
							<select name="ddlCity" id="ddlCity" style="width:205px;" onchange="countryArea(3,this.value);">
								<option>所在市</option></select>市
							<select name="ddlCounty" id="ddlCounty" style="width:205px;" >
								<option>所在区</option></select>区
							<span id="RequiredFieldValidator4" style="color:Red;display:none;">请选择地区</span>
						</td>
					</tr>
					<tr>
						<td class="EditTd1">街道地址<font style="color: Red">*</font></td>
						<td colspan="3" class="EditTd2">
							<input name="tbAddress" type="text" maxlength="100" id="tbAddress" style="width:430px;" 
							value="${requestScope.address.address }"/> (不需要重复填写省/市/区)
							<span id="RequiredFieldValidator1" style="color:Red;display:none;">请填写街道地址</span>
						</td>
					</tr>
					<tr>
						<td class="EditTd1"> 邮政编码<font style="color: Red">*</font></td>
						<td colspan="3" class="EditTd2">
							<input name="tbZip" type="text" maxlength="6" id="tbZip" value="${requestScope.address.zip }" />
							<span id="RequiredFieldValidator2" style="color:Red;display:none;">请填写邮政编码</span>
							<span id="RegularExpressionValidator1" style="color:Red;display:none;">邮政编码不正确</span>
						</td>
					</tr>
					<tr>
						<td class="EditTd1">电话号码</td>
						<td class="EditTd2">
							<input name="tbPhone" type="text" maxlength="20" id="tbPhone" value="${requestScope.address.phone }"/>
							(区号-电话号码-分机)
							<span id="RegularExpressionValidator3" style="color:Red;display:none;">电话号码不正确</span>
						</td>
						<td class="EditTd2">手机号码</td>
						<td class="EditTd2">
							<input name="tbMobile" type="text" maxlength="11" id="tbMobile" value="${requestScope.address.mobile }" />
							<span id="RegularExpressionValidator2" style="color:Red;display:none;">手机号码不正确</span>
						</td>
					</tr>
				</table>
				<div id="ValidationSummary1" style="color:Red;display:none;">
				</div>
			</div>
			<div class="pages-nav">
				<div class="page-center">
					最多保存5个有效地址
					<br />
					<div id="UpdatePanel3"><input type="submit" name="btnSave" value="保 存" onclick="" id="btnSave" class="sbutton" />&nbsp;&nbsp;</div>
					<a href="${pageContext.request.contextPath}/cart.htm">返回购物车</a>&nbsp;
					<a href="${pageContext.request.contextPath}/checkout.htm">返回结算页面</a>
				</div>
			</div>
		</form>
	</div>
</div>
<script type="text/javascript">
	//页面加载完毕，更新国家地区信息
	countryArea(1,1);
</script>
⌨️ 快捷键说明

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