博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery省市县 三级联动
阅读量:4151 次
发布时间:2019-05-25

本文共 1502 字,大约阅读时间需要 5 分钟。

$(document).ready(function(){		getAreaByPid(0,"province");			 var province = $("#province");	         var city = $("#city");	         var county = $("#county");	       //给省绑定事件,触发事件后填充市的数据	       $(province).bind("change keyup", function () {	             var provinceID = province.attr("value");	             $(city).find("option").remove();	             if(provinceID != ''){		             getAreaByPid(provinceID, "city");		             city.css("display","block");		             county.css("display","none");		         }else{		        	 city.css("display","none");		             county.css("display","none");			      }	       });	       //给市绑定事件,触发事件后填充区的数据           $(city).bind("change keyup", function () {               var cityID = city.attr("value");              $(county).find("option").remove();               if(cityID != ''){	               getAreaByPid(cityID, "county");	               county.css("display","block");               }else{            	   county.css("display","none");                }           });           		});

 

function getAreaByPid(pid,nodeid){			var url = "/manager/config/getAreaByPid" ;			var param = {						"pid" : pid,						"time" : Math.random()						};			$.post(url,param,function(data){				if("province" == nodeid){					$("#"+nodeid).append("");				}				if("city" == nodeid){					$("#"+nodeid).append("");				}				if("county" == nodeid){					$("#"+nodeid).append("");				}				for(var i=0;i
"+data[i].name+""); } }); }

 

 

 

转载地址:http://aslti.baihongyu.com/

你可能感兴趣的文章
Guava Collections API学习之AbstractMapBasedMultimap
查看>>
jQuery1.9(动画效果)学习之——.queue()
查看>>
HTML5学习之——概念篇
查看>>
HTML5学习之——HTML 5 视频
查看>>
HTML5学习之——HTML 5 Video + DOM
查看>>
HTML5学习之——HTML 5 音频
查看>>
HTML5学习之——HTML 5 拖放
查看>>
HTML5学习之——HTML 5 Canvas vs. SVG
查看>>
HTML5学习之——HTML 5 应用程序缓存
查看>>
HTML5学习之——HTML 5 Web Workers
查看>>
HTML5学习之——HTML 5 Canvas
查看>>
HTML5学习之——HTML5 内联 SVG
查看>>
HTML5学习之——HTML 5 服务器发送事件
查看>>
SVG学习之——HTML 页面中的 SVG
查看>>
SVG 形状学习之——SVG 矩形<rect>
查看>>
SVG 形状学习之——SVG圆形
查看>>
SVG 滤镜学习之——SVG 滤镜
查看>>
mysql中用命令行复制表结构的方法
查看>>
hbase shell出现ERROR: org.apache.hadoop.hbase.ipc.ServerNotRunningYetException
查看>>
让代码变得更优雅-Lombok
查看>>