安康做网站,要制作网页,建立网站 用英语,前端工程师做交互网站本文实现学院-专业二级级联#xff0c;同理可用到省份-城市#xff0c;洲-国家等级联#xff0c;即通过不同的首选择#xff0c;自动找到属于第一选择的二次可选项。 test.jsp % page languagejava contentTypetext/html; charsetgb2312 impor… 本文实现学院-专业二级级联同理可用到省份-城市洲-国家等级联即通过不同的首选择自动找到属于第一选择的二次可选项。 test.jsp % page languagejava contentTypetext/html; charsetgb2312 importjava.util.* pageEncodingUTF-8%%
String path request.getContextPath();
String basePath request.getScheme()://request.getServerName():request.getServerPort()path/;
%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
htmlheadbase href%basePath%title级联/titlescript typetext/javascript srcjs/selectMajor.js/script/head
body
divform action./reader/Personinfo_showgo.jsp nameform methodpost学院select namereaderSchool idreaderSchool onChangechangeMajor()option--请选择学院--/optionoption value1通信与信息工程学院/optionoption value2光电工程学院/optionoption value3经济管理学院/optionoption value4计算机科学与技术学院/optionoption value5外国语学院/optionoption value6生物信息学院/optionoption value7法学院/optionoption value8自动化学院/optionoption value9体育学院/optionoption value10数理学院/optionoption value11传媒艺术学院/optionoption value12软件学院/optionoption value13国际半导体学院/optionoption value14国际学院/optionoption value15研究生院/option/select专业select namereaderMajor idreaderMajor onChangemyfun1()option--请选择专业--/option/select /form /div/body
/htmlselectMajor.js function changeMajor(){//JS中的数组可以采用标识符代替//根据用户选择的value值与数组下标比较从而找出学院对应的专业var schooldocument.form.readerSchool.value;var majorListnew Array();majorList[1][通信工程,电子信息工程,信息工程,广播电视工程,通信与信息类,通信与信息类实验班,通信学院卓越工程师班,通信学院IT精英班,通信学院国际实验班,电子信息工程通信技术,电子信息工程应用电子技术,电子信息工程实验班];majorList[2][光信息科学与技术,电子科学与技术,电磁场与无线技术,电子工程类,电子工程实验班];majorList[3][信息管理与信息系统,会计学,经济学,市场营销,工商管理,电子商务,工程管理,信息管理类,工商管理类,物流管理,国际化会计人才培养实验班,工商管理实验班,经济学实验班,市场营销专业实验班];majorList[4][计算机科学与技术,地理信息系统,网络工程,信息安全,智能科学与技术,计算机智能科学类,计算机智能科学类实验班,计算机科学与技术计算机应用,计算机科学与技术网络技术,计算机科学与技术信息安全,计算机科学与技术实验班];majorList[5][英语,英语类,英语商贸];majorList[6][生物医药工程,生物技术,制药工程,生物信息学,生物技术与制药类,生物技术生物信息学方向,生物制药类实验班];majorList[7][法学,知识产权学,法学类];majorList[8][自动化,测控技术与仪器,电气工程与自动化,机械设计制造及其自动化,物联网工程,自动化与电气工程类,自动化与电气工程类实验班,自动化学院卓越工程师班,电气工程与自动化电气技术,电气工程与自动化电机电器,电气工程与自动化实验班];majorList[9][社会体育];majorList[10][应用物理学,信息与计算科学,数学与应用数学,信息显示与光电技术,数理科学与信息技术类,数理科学与信息技术基础班,信息与计算科学专业实验班];majorList[11][广播电视编导,动画,环境设计,视觉传达,艺术设计网络,艺术设计类,编导改革实验班];majorList[12][软件工程,软件工程2年,英语软件,日语软件,软件工程类];majorList[13][电子科学与技术,微电子学,集成电路工程类,集成电路工程类实验班,微电子科学与工程实验班];majorList[14][英语中加];majorList[15][通信与信息工程,电子与信息工程,计算机科学与技术,计算机技术,软件工程,先进制造技术];document.form.readerMajor.options.length0;//根据学院下拉框的值获取对应数组的索引标识var pIndexdocument.form.readerSchool.value;var newOption;document.form.readerMajor.options.length0;//清除选项//数组的读取和数字索引方式相同 for(var j in majorList[pIndex]){newOptionnew Option(majorList[pIndex][j],majorList[pIndex][j]);document.form.readerMajor.options.add(newOption);//动态添加选项}
}----------------------------------------------------hi,我是华丽丽的分割线------------------------------------------------------- 欢迎交流尊重原创转载请注明出处哦~
