通过JavaScript实现用户选择课程和科目的动态下拉菜单。
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 onload="loadCourse(course.selectedIndex)"> <select id="course" onchange="changeSubject(this.selectedIndex)"> <option value="-1"> ---Select One--- </option> </select> <select id="subject"> <option value="-1"> ---Select One--- </option> </select> </body> </html>
扫一扫
834
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
