? ? ?本文實現學院-專業二級級聯，同理可用到省份-城市，洲-國家等級聯，即通過不同的首選擇，自動找到屬于第一選擇的二次可選項。
? ? ? test.jsp
<%@ page language="java" contentType="text/html; charset=gb2312" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><base href="<%=basePath%>"><title>級聯</title><script type="text/javascript" src="js/selectMajor.js"></script></head> <body> <div><form action="./reader/Personinfo_showgo.jsp" name="form" method="post">學院：<select name="readerSchool" id="readerSchool" onChange="changeMajor()"><option>--請選擇學院--</option><option value="1">通信與信息工程學院</option><option value="2">光電工程學院</option><option value="3">經濟管理學院</option><option value="4">計算機科學與技術學院</option><option value="5">外國語學院</option><option value="6">生物信息學院</option><option value="7">法學院</option><option value="8">自動化學院</option><option value="9">體育學院</option><option value="10">數理學院</option><option value="11">傳媒藝術學院</option><option value="12">軟件學院</option><option value="13">國際半導體學院</option><option value="14">國際學院</option><option value="15">研究生院</option></select>專業：<select name="readerMajor" id="readerMajor" onChange="myfun1()"><option>--請選擇專業--</option></select> </form> </div></body> </html>
selectMajor.jsfunction changeMajor(){//JS中的數組可以采用標識符代替//根據用戶選擇的value值，與數組下標比較，從而找出學院對應的專業var school=document.form.readerSchool.value;var majorList=new 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.length=0;//根據學院下拉框的值，獲取對應數組的索引標識var pIndex=document.form.readerSchool.value;var newOption;document.form.readerMajor.options.length=0;//清除選項//數組的讀取和數字索引方式相同 for(var j in majorList[pIndex]){newOption=new Option(majorList[pIndex][j],majorList[pIndex][j]);document.form.readerMajor.options.add(newOption);//動態添加選項} }
----------------------------------------------------hi,我是華麗麗的分割線-------------------------------------------------------歡迎交流，尊重原創，轉載請注明出處哦~
面試總結)
