JS 实现地区,省份,城市,县区4级联动

刚学JS,实战一下,做一个省份信息4级联动。

但是网上查了都是3级的,没有4级,现在做一个的是带地区的4级联动,最简单的办法是修改别人的代码,最开始找到的事类似于下边这个的:


 省市县关联菜单
                   
 
 
省市县关联菜单 
 

 
 
 
 
多级关联菜单: 


虽然原理是看懂了,修改为4级地区联动发现数据有问题,只有县级,连区没有。好吧,这个是在百度文库里找的,标题是最详细的省市县3级联动。。。然后,改完之后发现被坑了。没办法啊,重新找吧,然后就找到了还算是基本比较全的数据,然后就开始改了:

【据说用JQuery很方便,不过还没学到JQ,就先用JS实现吧,最原始的3级联动是参考这篇博客: http://www.cnblogs.com/zjfree】

下面这个是按照地域划分的区所做的4级联动修改:

HTML代码如下:




    纯JS省市区联动
    


地区: 省: 市: 区:



JS代码如下:

var addressInit = function(_carea,_cmbProvince, _cmbCity, _cmbArea,defaultarea1, defaultProvince, defaultCity, defaultArea)
{
	var area=document.getElementById(_carea);
	var cmbProvince = document.getElementById(_cmbProvince);
	var cmbCity = document.getElementById(_cmbCity);
	var cmbArea = document.getElementById(_cmbArea);
	function cmbSelect(cmb, str)
	{
		for(var i=0; i



你可能感兴趣的:(JS随笔,JS,四级联动)