菜鸟请教下拉列表框的问题！

[luoyewuhen]

我需要做两个下拉列表框，第二个下拉列表框显示的内容随第一个下拉列表框选择的不同而变化，如第一个下拉列表框选择中学，第二个下拉列表框有物理、化学等课程供选择，如第一个下拉列表框选择大学，第二个下拉列表框有高数、线数等课程供选择。请问如何实现？

[nba23]

<SCRIPT LANGUAGE="JavaScript">
function setke() {
switch (document.a.zh.value) {
case '中学' :
var labels = new Array("物理","化学","其它");
var values = new Array("sjz","cz","ts");
break;
case '大学' :
var labels = new Array("高数","线性代数","其它");
var values = new Array("jn","qd","yt");
break
}
// 清空列表选择框的内容
document.a.ke.options.length = 0;
// 从数组中添加内容
for(var i = 0; i <labels.length; i++) {
document.a.ke.add(document.createElement("OPTION"));
document.a.ke.options[i].text=labels[i];
document.a.ke.options[i].value=values[i];
}
// 选择第一个选项
document.a.ke.selectedIndex = 0;
}
</SCRIPT>
<FORM NAME="a">
<SELECT NAME="zh" OnChange="setke()">
<option value="中学">中学</option>
<option value="大学">大学</option>
</SELECT>
<SELECT NAME="ke"></SELECT>
</FORM>
<!-- 执行初始化选择列表 -->
<SCRIPT LANGUAGE="JavaScript">
setke();
</SCRIPT>

[nba23]

http://www.csdn.net/subject/237/