var subjects = new Array(); subjects[0] = [ new Option("---Select One---", "-1") ]; subjects[1] = [ new Option("IO", "io"), new Option("Collection", "colletion"), new Option("Reflection", "reflection"), new Option("Thread", "thread") ]; subjects[2] = [ new Option("JavaScript", "js"), new Option("HTML", "html"), new Option("CSS", "css") ]; subjects[3] = [ new Option("Servlet", "servlet"), new Option("JSP", "jsp") ]; var courses = new Array(); courses[0] = [ new Option("---Select One---", "-1"), new Option("Core Java", "java"), new Option("Web Client", "webclient"), new Option("Web Servert", "webserver")]; function loadCourse(index) { with ($('course')) { length = courses[index].length for (i = 0; i < length; i++) { options[i] = courses[0][i]; } } } function changeSubject(index) { with ($('subject')) { length = subjects[index].length; for (i = 0; i < length; i++) { options[i] = subjects[index][i]; } } }
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030" /> <script type="text/javascript" src="js/prototype-1.6.0.3.js"> </script> <script type="text/javascript" src="js/chooise.js"> </script> </head> <body οnlοad="loadCourse(course.selectedIndex)"> <select id="course" οnchange="changeSubject(this.selectedIndex)"> <option value="-1"> ---Select One--- </option> </select> <select id="subject"> <option value="-1"> ---Select One--- </option> </select> </body> </html>