实现二级联动<script type="text/javascript" >
$(function(){
// 学院选框被选择请求专业信息内容,并写入dom
var chooseUrl='getChoose.jsp';//定义专业信息获取页面地址,比如你要在xueyuan.jsp里面读取专业信息那么这里就填xueyuan.jsp。此页不用输出完整的html
$("#select1").change(function(){
var xueyuan=$(this).val();//获得被选中的学院ID
//alert(xueyuan);
//向后端异步传送
$.post(chooseUrl,{xueyuanID:xueyuan,action:'zhuanye'},function(data){
//在后端通过post中的xueyuanID来获得这里传过去的学院id,然后读取此学院下的专业内容,然后直接循环输出option标签列表即可,select标签都不用写
if(data){
$('#select2').html(data);//如果成功获得响应信息则将专业下拉框的内容更换为从服务器发送来的最新信息
}else{//否则提示出错
alert('拉取专业信息失败,请重试。');
}
},'html');
});
//异步获得班级信息,原理与以上内容同理,如果在实际操作过程中遇到问题可能需要绑定为未来事件,与我联系即可
$("#select2").change(function(){
var zhuanye=$(this).val();//获得被选中的学院ID
//向后端异步传送
$.post(chooseUrl,{zhuanyeID:zhuanye,action:'banji'},function(data){
//在后端通过post中的xueyuanID来获得这里传过去的学院id,然后读取此学院下的专业内容,然后直接循环输出option标签列表即可,select标签都不用写
if(data){
$('#select3').html(data);//如果成功获得响应信息则将专业下拉框的内容更换为从服务器发送来的最新信息
}else{//否则提示出错
alert('拉取专业信息失败,请重试。');
}
},'html');
});
});