省市县三级联动

select级联菜单是通过解析xml完成的

  

<script type="text/javascript">	
	$(document).ready(function(){
    	$.ajax({
     		url : "${request.contextPath}/xml/address.xml",
     		success : function(xml) {
      		$(xml).find("province").each(function(){
       			var t = $(this).attr("name");  
        		$("#DropProvince").append(
         		"<option>" + t + "</option>");
       			});
       			
     		}
    	});
    
	   	//二级的菜单
	   	$("#DropProvince").change(
	    	function() {
	       		$("#sCity>option").remove();
	       		var pname = $("#DropProvince").val();
	       		$.ajax({
	        		url : "${request.contextPath}/xml/address.xml",
	        		success : function(xml){
	         			$(xml).find("province[name='" + pname+ "']>city").each(function(){
	           				var c = $(this).attr("name")
	           				$("#sCity").append("<option>"+ c + "</option>");
	         			});
	        		}
	       		});  
			}	
	    );
	    //三级的菜单  
	    $("#sCity").change(
	    	function() {
	    		$("#sAddress>option").remove();
	    		var pname1 = $("#sCity").val();
	       		$.ajax({
	        		url : "${request.contextPath}/xml/address.xml",
	        		success : function(xml) {
	         			$(xml).find("city[name='" + pname1+ "']>address").each(function(){
	         				var d = $(this).attr("name")
	            			$("#sAddress").append("<option>"+ d + "</option>");
	           			});
	        		}
	       		});
			}
	    );
 	});
</script>


<tr>
					<td align="center">省:        <select  id="DropProvince" name="province"><option>请选择</option></select></td>
				</tr>
<tr>
					<td align="center">市:        <select id="sCity" name="city"><option>请选择</option></select></td>
				</tr>
				<tr>
					<td align="center">区/县:        <select id="sAddress" name="address"><option>请选择</option></select></td>
				</tr>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值