三级联动菜单,学院-专业-班级,类似也行,数据从数据库获取,用jsp或js,现在急用,希望帮帮忙,要能运行
2个回答
展开全部
就是2个ajax查询
(1)学院--直接写select, onchange 事件绑定一个AJAX查询,查询专业信息,
(2)专业的select onchange事件绑定一个AJAX查询,查询班级
类似代码,你改改吧
/*----------------------代码---------------------*/
getArea : function(parameter){
if(!parameter ){
parameter = {};
}
var _url = path + "/register/queryAreaJSON.do";
$.ajax({
url : _url,
type : "post",
dataType : "json",
data : parameter,
beforeSend : function(){
},
success : function(data){
if(data.error_code == 0){
var list = data.areaList;
var html = '<option value="">-全部-</option>';
for(var i = 0,listlength = list.length; i < listlength; i++){
if(typeof(_areaNo) != "undefined" && _areaNo == list[i].areaNo){
html += '<option value="'+list[i].areaNo+'" selected="selected">'+list[i].areaName+'</option>';
ExamineeRegisterList.areaChange(list[i].areaNo,false);
}else{
html += '<option value="'+list[i].areaNo+'">'+list[i].areaName+'</option>';
}
}
$("#areaChange").html(html);
BPMUtil.fix_select($("#areaChange"));
}else if(data.error_code == 105){
}else{
alert(errMap.get(data.error_code));
}
},
error : function(){
alert(errMap.get(10000));
}
});
},
areaChange : function(areaNo,flag){
var _value;
if(flag){
_value = $("#areaChange").val();
}else{
_value = areaNo;
}
$("#schoolChange").html('<option value="">-全部-</option>');
BPMUtil.fix_select($("#schoolChange"));
/* $("#stuGrade").html('<option value="">-全部-</option>');
BPMUtil.fix_select($("#stuGrade"));*/
$("#stuClass").html('<option value="">-全部-</option>');
BPMUtil.fix_select($("#stuClass"));
if(_value == ""){
return;
}
var parameter = {};
parameter["examineeRegisterInfo.areaNo"] = _value;
this.getSchool(parameter,flag);
},
(1)学院--直接写select, onchange 事件绑定一个AJAX查询,查询专业信息,
(2)专业的select onchange事件绑定一个AJAX查询,查询班级
类似代码,你改改吧
/*----------------------代码---------------------*/
getArea : function(parameter){
if(!parameter ){
parameter = {};
}
var _url = path + "/register/queryAreaJSON.do";
$.ajax({
url : _url,
type : "post",
dataType : "json",
data : parameter,
beforeSend : function(){
},
success : function(data){
if(data.error_code == 0){
var list = data.areaList;
var html = '<option value="">-全部-</option>';
for(var i = 0,listlength = list.length; i < listlength; i++){
if(typeof(_areaNo) != "undefined" && _areaNo == list[i].areaNo){
html += '<option value="'+list[i].areaNo+'" selected="selected">'+list[i].areaName+'</option>';
ExamineeRegisterList.areaChange(list[i].areaNo,false);
}else{
html += '<option value="'+list[i].areaNo+'">'+list[i].areaName+'</option>';
}
}
$("#areaChange").html(html);
BPMUtil.fix_select($("#areaChange"));
}else if(data.error_code == 105){
}else{
alert(errMap.get(data.error_code));
}
},
error : function(){
alert(errMap.get(10000));
}
});
},
areaChange : function(areaNo,flag){
var _value;
if(flag){
_value = $("#areaChange").val();
}else{
_value = areaNo;
}
$("#schoolChange").html('<option value="">-全部-</option>');
BPMUtil.fix_select($("#schoolChange"));
/* $("#stuGrade").html('<option value="">-全部-</option>');
BPMUtil.fix_select($("#stuGrade"));*/
$("#stuClass").html('<option value="">-全部-</option>');
BPMUtil.fix_select($("#stuClass"));
if(_value == ""){
return;
}
var parameter = {};
parameter["examineeRegisterInfo.areaNo"] = _value;
this.getSchool(parameter,flag);
},
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询