JQuery EasyUI Combobox联动

js源码

/**
 * 学院-专业-班级
 */
$(function(){
	var department_json = [];
	var profession_json = [];
	$('#department').combobox({
		multiple: true,
		editable: false,
		prompt : '请选择学院',
		icons: [ {
			iconCls : 'icon-clear',
			handler : function(e) {
				$(e.data.target).combobox('clear');
				$('#profession').combobox('setValues', []).combobox('loadData', []);// 专业清空
			}
		} ],
		url: cu('/department/list_department'),
		valueField: 'code',
		textField: 'name',
		onSelect : function(o) {
			department_json.push(o.code);
			var url = cu('/profession/list_eucombobox') + '?json=' + JSON.stringify(department_json);
			$('#profession').combobox('setValues', []).combobox('reload', url);
		},
		onUnselect : function(o){
			var index = department_json.indexOf(o.code);
			if(index!=-1)department_json.splice(index,1);
			var url = cu('/profession/list_eucombobox');
			if(JSON.stringify(department_json)!='[]'){
				url = cu('/profession/list_eucombobox') + '?json=' + JSON.stringify(department_json);
			}
			$('#profession').combobox('setValues', []).combobox('reload', url);
		}
	});
	$('#profession').combobox({
		multiple: true,
		editable: false,
		prompt : '请选择专业',
		icons: [ {
			iconCls : 'icon-clear',
			handler : function(e) {
				$(e.data.target).combobox('clear');
				$('#class').combobox('setValues', []).combobox('loadData', []);// 班级清空
			}
		} ],
		url: cu('/profession/list_eucombobox'),
		valueField: 'code',
		textField: 'name',
		onSelect : function(o) {
			profession_json.push(o.code);
			var url = cu('/class/list_eucombobox') + '?json=' + JSON.stringify(profession_json);
			$('#class').combobox('setValues', []).combobox('reload', url);
		},
		onUnselect : function(o){
			var index = profession_json.indexOf(o.code);
			if(index!=-1)profession_json.splice(index,1);
			var url = cu('/class/list_eucombobox');
			if(JSON.stringify(profession_json)!='[]'){
				url = cu('/class/list_eucombobox') + '?json=' + JSON.stringify(profession_json);
			}
			$('#class').combobox('setValues', []).combobox('reload', url);
		}
	});
	$('#class').combobox({
		multiple: true,
		editable: false,
		prompt : '请选择班级',
		icons: removetxt(),
		url: cu('/class/list_eucombobox'),
		valueField: 'code',
		textField: 'name'
	});
});