前端开发

今天为大家带来JS编写的三级联动。

主要思路是

1. 定义三大数组分别存放省市县的数据

2. 定义三个表单select，设置第一个表单值为省级数据

3. 分别绑定每个表单事件onchange并且获取当前值

4. 把获取到的值和数组匹配生成第二个表单值以此类推

5. 注意数组的键和值对

代码如下：

/*
*	全国三级城市联动 js版
*/
function Dsy(){
	this.Items = {};
}
Dsy.prototype.add = function(id,iArray){
	this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id){
	if(typeof(this.Items[id]) == "undefined") return false;
	return true;
}

function change(v){
	var str="0";
	for(i=0;i0 || !v){
			if(dsy.Exists(str)){
				ar = dsy.Items[str];
				for(i=0;i省" + Gid('s_province').value + " - 市" + 	
	Gid('s_city').value + " - 县/区" + 
	Gid('s_county').value + ""
							}

调用规则：

      
      
    
_init_area();