通用JavaScript联动下拉菜单

Demo1：省市地三级联动

var options	= {
	data	: data	// data变量数据从location.js得来
}

var sel = new LinkageSelect(options);
sel.bind('#demo1 .level_1');
sel.bind('#demo1 .level_2');
sel.bind('#demo1 .level_3');

Demo2：设置默认值

var options	= {
	data	: data
}

var sel = new LinkageSelect(options);
sel.bind('#demo2 .level_1' , '1');
sel.bind('#demo2 .level_2' , '2');
sel.bind('#demo2 .level_3');

Demo3：自定义选择范围

var options	= {
	data	: data,
	root	: '0,1,2'
}

var sel = new LinkageSelect(options);
sel.bind('#demo3 .level_1');

Demo4：调用外部JSON （一次取出所有数据，不适合数据量大的情况）DataBuilder

var options	= {
	file	:	'./data_builder/json.php'
}

var sel = new LinkageSelect(options);
sel.bind('#demo4 .level_1');
sel.bind('#demo4 .level_2');
sel.bind('#demo4 .level_3');

Demo5：动态加载菜单

function select1() {
	var options	= {
		data	:	data
	}
	
	var sel = new LinkageSelect(options);
	sel.bind('#demo5 .level_1');
	sel.bind('#demo5 .level_2');
	sel.bind('#demo5 .level_3');
}

function select2() {
	var options	= {
		file	:	'./data_builder/json.php'
	}
	
	var sel = new LinkageSelect(options);
	sel.bind('#demo5 .level_1');
	sel.bind('#demo5 .level_2');
	sel.bind('#demo5 .level_3');
}

Demo6：Ajax调用数据（根据所选项，动态取下级菜单，速度快，有缓存）

var options	= {
	ajax	:	'./data_builder/ajax.php'
}

var sel = new LinkageSelect(options);
sel.bind('#demo6 .level_1' , '2');
sel.bind('#demo6 .level_2');
sel.bind('#demo6 .level_3');

Demo7：置顶外部表单元素

var options	= {
	ajax		:	'./data_builder/ajax.php',
	field_name	:	'[name=demo7_field]'
}

var sel = new LinkageSelect(options);
sel.bind('#demo7 .level_1');
sel.bind('#demo7 .level_2');
sel.bind('#demo7 .level_3');

Demo8：自动显示隐藏选单项

var options	= {
	ajax	:	'./data_builder/ajax.php',
	auto	: true
}

var sel = new LinkageSelect(options);
sel.bind('#demo8 .level_1');