下面就是你要的效果吧<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function dep(depID,depName,braID){
this.ID = depID;
this.Name = depName;
this.braID = braID;
}
function bra(braID,braName){
this.ID = braID;
this.Name = braName;
this.Depts = new Array();
}
var braLst = new Array();
var depLst = new Array();
braLst[0] = new bra(1,"红地");
braLst[1] = new bra(2,"凯德");
depLst[0] = new dep(1,"行政部",1);
depLst[1] = new dep(2,"开发部",1);
depLst[2] = new dep(3,"市场部",1);
depLst[3] = new dep(4,"投资部",2);
depLst[4] = new dep(5,"证券部",2);
depLst[5] = new dep(3,"市场部",2);
for (var i=0;i<depLst.length;i++){
for (var j=0;j<braLst.length;j++){
if ( depLst[i].braID==braLst[j].ID){
braLst[j].Depts[braLst[j].Depts.length] = depLst[i];
}
}
}
function getDepts(braID){
var braObj = null;
for (var i=0;i<braLst.length;i++){
if (braLst[i].ID == braID) {
braObj = braLst[i];
break;
}
}
document.thisForm.depSel.options.length=0;
if (braObj != null){
for (var i=0;i<braObj.Depts.length;i++){
var tmp;
tmp = new Option(braObj.Depts[i].Name,braObj.Depts[i].ID);
document.thisForm.depSel.options[document.thisForm.depSel.options.length] = tmp
}
}
}
//-->
</SCRIPT>
</HEAD>
<FORM METHOD=POST ACTION="" name="thisForm">
<SELECT NAME="braSel" onchange="getDepts(this.value);">
<SCRIPT LANGUAGE="JavaScript">
<!--
for (var i=0;i<braLst.length;i++){
document.write("<option value=\"" + braLst[i].ID + "\">" + braLst[i].Name + "</option>");
}
//-->
</SCRIPT>
</SELECT>
<SELECT NAME="depSel"></SELECT>
</FORM>
<BODY></BODY>
</HTML>