<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body><form method="post" name="test"> <select name="select1" onchange="select()"></select> <select name="select2"></select> <select name="select3"></select></form><script language="javascript"><!--//copyright siginie([email protected]),www.3ad.cnvar arrText = new Array(5);var arrValue = new Array(arrText.length);function objSetOption(select1, select2, select3) { this.select1 = select1; this.select2 = select2; this.select3 = select3;}arrText[0]= new objSetOption("选择1:", "选择2_1:,选择2_2:", "选择3_1:,选择3_2:");arrText[1] = new objSetOption("论文:1", "语文:1,数学:2,英语:3", "初中:2,高中:3");arrText[2] = new objSetOption("例题:2", "显示b2_1:值b2_1,显示b2_2:值b2_2", "显示b3_1:值b3_1,显示b3_2:值b3_2");arrText[3] = new objSetOption("显示c:值c", "显示c2_1:值c2_1,显示c2_2:值c2_2", "显示c3_1:值c3_1,显示c3_2:值c3_2");arrText[4] = new objSetOption("显示d:值d", "显示d2_1:值d2_1,显示d2_2:值d2_2", "显示d3_1:值d3_1,显示d3_2:值d3_2");arrText[5] = new objSetOption("显示e:值e", "显示e2_1:值e2_1,显示e2_2:值e2_2", "显示e3_1:值e3_1,显示e3_2:值e3_2");function select() { var eltSelect1 = document.test.select1; var eltSelect2 = document.test.select2; var eltSelect3 = document.test.select3; var arrSelect1, arrSelect2, arrSelect3; var arrData1, arrData2, arrData3; with(eltSelect1) { var strSelect = options[selectedIndex].value; } for(i = 0;i < arrText.length;i ++) { arrSelect1 = arrText[i].select1; arrData1 = arrSelect1.split(":"); if (arrData1[1] == strSelect) { arrSelect2 = (arrText[i].select2).split(","); for(j = 0;j < arrSelect2.length;j++) { arrData2 = arrSelect2[j].split(":"); with(eltSelect2) { length = arrSelect2.length; options[j].text = arrData2[0]; options[j].value = arrData2[1]; } } arrSelect3 = (arrText[i].select3).split(","); for(j = 0;j < arrSelect3.length;j++) { arrData3 = arrSelect3[j].split(":"); with(eltSelect3) { length = arrSelect3.length; options[j].text = arrData3[0]; options[j].value = arrData3[1]; } } break; } }}function init() { var eltSelect1 = document.test.select1; var eltSelect2 = document.test.select2; var eltSelect3 = document.test.select3; var arrSelect1, arrSelect2, arrSelect3; var arrData1, arrData2, arrData3; if (eltSelect1 != undefined && eltSelect2 != undefined && eltSelect3 != undefined) { with(eltSelect1) { length = arrText.length; for(i = 0;i < arrText.length;i ++) { arrSelect1 = arrText[i].select1; arrData1 = arrSelect1.split(":"); options[i].text = arrData1[0]; options[i].value = arrData1[1]; } } with(eltSelect2) { arrSelect2 = (arrText[0].select2).split(","); length = arrSelect2.length; for(i = 0;i < length;i ++) { arrData2 = arrSelect2[i].split(":"); options[i].text = arrData2[0]; options[i].value = arrData2[1]; } } with(eltSelect3) { arrSelect3 = (arrText[0].select3).split(","); length = arrSelect3.length; for(i = 0;i < length;i ++) { arrData3 = arrSelect3[i].split(":"); options[i].text = arrData3[0]; options[i].value = arrData3[1]; } } }}init();// --></script>
</body>
</html>

解决方案 »

  1.   

    找过了,找不到相同的,虽然有些是三个拉框的,但是无法下面是建设银行一个拉框,不按按钮直接转去其他银行的JAVASP...的代码function to_branch(branch_name){
        if (branch_name=="999") return;
        var win_style="left=0,top=0,width=1000,height=700,toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes";
        window.open(branch_name,"",win_style);
    }
    function to_overseas_branch(branch_name){
        if (branch_name=="999") return;
        var win_style="left=0,top=0,width=1000,height=700,toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes";
        window.open(branch_name,"",win_style);
    }
    function MM_openBrWindow(theURL,winName,features) { //v2.0
       window.open(theURL,winName,features);
    }
    </script> --------------我需要的是三个拉框的,最后按一个按钮去同学主页的代码,谢谢拉~~~~~~~~~~~
      

  2.   

    还有问一个业余的临时问题,我装了那个什么ALEX的工具条,是派什么用处的,我朋友让我装的,隐藏掉他还有作用吗?
      

  3.   

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript">
    //<![CDATA[
    var ar=new Array()
    <%
    dim i, i_, i__
    dim arNum:arNum=0
    dim cat, cat1, cat2
    for i=0 to 9
    for i_=0 to 9
    for i__=0 to 9
    if i_=0 and i__=0 then cat="类别"&i else cat=null
    if i__=0 then cat1="类别"&i&" 类别1: "&i_ else cat1=null
    cat2="类别"&i&" 类别1 "&i_&" 类别2: "&i__

    response.write "ar["&arNum&"]=new Array('"&i&i&"','"&cat&"','"&i_&i_&"','"&cat1&"','"&i__&i__&"','"&cat2&"')"&chr(13)
    arNum=arNum+1
    next
    next
    next
    %>
    function showCat(){
    var catItem=0
    var cat1Item=0
    var cat2Item=0
    var i
    document.all.cat.length=0
    document.all.cat1.length=0
    document.all.cat2.length=0
    for(i=0; i < ar.length;i++){
    if (ar[i][1]!==""){
    document.all.cat.options[catItem]=new Option(ar[i][1],ar[i][0])
    catItem++
    }
    if((ar[i][0]==0)&&(ar[i][3]!=="")){
    document.all.cat1.options[cat1Item]=new Option(ar[i][3],ar[i][2])
    cat1Item++
    }
    if((ar[i][0]==0)&&(ar[i][2]==0)){
    document.all.cat2.options[cat2Item]=new Option(ar[i][5],ar[i][4])
    cat2Item++
    }
    } //shawl.qiu script
    }
    window.onload=showCat;

    function catChg(chgLevel){
    var cat1Item=0
    var cat2Item=0
    var catSleVal=document.all.cat.value
    var cat1SleVal=document.all.cat1.value

    if (chgLevel==0){ document.all.cat1.length=0 }
    document.all.cat2.length=0
    for (i=0;i<ar.length;i++){
    if (chgLevel==0){
    if((ar[i][0]==catSleVal)&&(ar[i][3]!=="")){
    document.all.cat1.options[cat1Item]=new Option(ar[i][3],ar[i][2])
    cat1Item++
    }
    if((ar[i][0]==catSleVal)&&(ar[i][4]==0)){
    document.all.cat2.options[cat2Item]=new Option(ar[i][5],ar[i][4])
    cat2Item++
    }
    } else if (chgLevel==1){
    if((ar[i][0]==catSleVal)&&(ar[i][2]==cat1SleVal)){
    document.all.cat2.options[cat2Item]=new Option(ar[i][5],ar[i][4])
    cat2Item++
    }
    } //shawl.qiu script

    }
    //]]>
    </script>
    </head><body>
    <form action="" method="post" name="ubbForm" id="ubbForm">
      <select name="cat" id="cat" onchange="catChg(0)">
      </select>
      <select name="cat1" id="cat1" onchange="catChg(1)">
      </select>  
      <select name="cat2" id="cat2">
      </select>  
      <br />
    </form>
    </body>
    </html>
      

  4.   

    我要22分哦<html>
    <head>
    <script language="JavaScript">
    <!--
    function CascadDlt(parNode){
        var Grade = [
            {value:1,text:"2001",pvalue:"0"},
            {value:2,text:"2002",pvalue:"0"},
            {value:3,text:"2003",pvalue:"0"}
        ];
        var Class = [
            {value:4, text:"0101",pvalue:1},
            {value:5, text:"0102",pvalue:1},
            {value:6, text:"0103",pvalue:1},
            {value:7, text:"0201",pvalue:2},
            {value:8, text:"0202",pvalue:2},
            {value:9, text:"0203",pvalue:2},
            {value:10,text:"0301",pvalue:3},
            {value:11,text:"0302",pvalue:3},
            {value:12,text:"0303",pvalue:3}
        ];
        var Person = [
            {value:13,text:"大毛",pvalue:4, hp:"http://www.大毛.com"},
            {value:14,text:"二毛",pvalue:5, hp:"http://www.二毛.com"},
            {value:15,text:"三毛",pvalue:6, hp:"http://www.三毛.com"},
            {value:16,text:"四毛",pvalue:7, hp:"http://www.四毛.com"},
            {value:17,text:"五毛",pvalue:8, hp:"http://www.五毛.com"},
            {value:18,text:"六毛",pvalue:9, hp:"http://www.六毛.com"},
            {value:19,text:"七毛",pvalue:10,hp:"http://www.七毛.com"},
            {value:20,text:"八毛",pvalue:11,hp:"http://www.八毛.com"},
            {value:21,text:"九毛",pvalue:12,hp:"http://www.九毛.com"},
            {value:22,text:"大明",pvalue:4, hp:"http://www.大明.com"},
            {value:23,text:"二明",pvalue:5, hp:"http://www.二明.com"},
            {value:24,text:"三明",pvalue:6, hp:"http://www.三明.com"},
            {value:25,text:"四明",pvalue:7, hp:"http://www.四明.com"},
            {value:26,text:"五明",pvalue:8, hp:"http://www.五明.com"},
            {value:27,text:"六明",pvalue:9, hp:"http://www.六明.com"},
            {value:28,text:"七明",pvalue:10,hp:"http://www.七明.com"},
            {value:29,text:"八明",pvalue:11,hp:"http://www.八明.com"},
            {value:30,text:"九明",pvalue:12,hp:"http://www.九明.com"}
        ];
        var pNode = parNode;
        //alert(parNode);
        var elems = [];
        function createDltAndButton(){
            for(var i=0;i<3;i++){
                elems[i] = document.createElement("SELECT");
                elems[i].style.width=100;
            }
            elems[i] = document.createElement("INPUT");
            elems[i].type="button";
            elems[i].value="打开主页";
            for(i=0;i<4;i++)
                pNode.appendChild(elems[i]);
        }
        function showClass(pKey){
            elems[1].options.length = 0;
            for(var i=0;i<Class.length;i++)
                if(Class[i].pvalue == pKey)
                    elems[1].options.add(new Option(Class[i].text,Class[i].value));
            showPerson(elems[1].value)
        }
        function showPerson(pKey){
            elems[2].options.length = 0;
            for(var i=0;i<Person.length;i++)
                if(Person[i].pvalue == pKey){
                    var opt = new Option(Person[i].text,Person[i].value);
                    opt.setAttribute("homepage",Person[i].hp);
                    elems[2].options.add(opt);
                }
            elems[3].value="打开 " + elems[2].options[elems[2].selectedIndex].text + " 的主页"
        }
        function addEventListenerForElems(){
            elems[0].onchange = function (){ return showClass(this.value); }
            elems[1].onchange = function (){ return showPerson(this.value); }
            elems[2].onchange = function (){ elems[3].value="打开 " + this.options[this.selectedIndex].text + " 的主页";
            }
            elems[3].onclick = function (){ 
                    if(elems[2].options.length)
                        window.open(elems[2].options[elems[2].selectedIndex].homepage); 
                }
        }
        function initElements(){
            for(var i=0;i<Grade.length;i++)
                elems[0].options.add(new Option(Grade[i].text,Grade[i].value));
            elems[0].selectedIndex = -1;
        }
        createDltAndButton();
        addEventListenerForElems();
        initElements();
    }//-->
    </script>
    </head>
    <body>
    <div id="divVector"></div>
    <script language="JavaScript">
    <!--
    new CascadDlt(document.getElementById("divVector"));
    //-->
    </script>
    </body>
    </html>
      

  5.   

    楼主呀, 俺那个是 ASP 生成内容, 你怎么搞滴, 不过那个用了all 语法, ff 不兼容, 有时间俺再码一个.
      

  6.   

    虽然还没用代码去测试,但是我知道肯定行拉,因为我看到了大毛感谢 
     zhaoxiaoyang(梅雪香@深圳) (哥哥OR姐姐?)还有感谢楼上回帖的几个朋友,再见了。因为我不是计算机专业的,我不懂如何去帮人解答问题,也许这个ID20分用完就没有了.所以下次再见亦是马甲了~~
      

  7.   

    zhaoxiaoyang(梅雪香@深圳)
    姐姐或哥哥,能加我MSN吗[email protected]也许安装的时候还要向你咨询点问题的,当然确实不好意思再麻烦你的,不过....不过我不是个贪图小便宜的人,以后有我需要帮助的,我肯定会回报你,我是上海的小子
      

  8.   

    如果要添加年级就扩展Grade
        var Grade = [
            {value:1,text:"2001",pvalue:"0"},
            {value:2,text:"2002",pvalue:"0"},
            {value:3,text:"2003",pvalue:"0"},
            {value:4,text:"2004",pvalue:"0"},
            {value:5,text:"2005",pvalue:"0"}
        ];
    value是唯一的,每个都不能相同,这里的pvalue是没有用的,可以随便写
    如果要添加班级
        var Class = [
            {value:4, text:"0101",pvalue:1},
            {value:5, text:"0102",pvalue:1},
            {value:6, text:"0103",pvalue:1},
            {value:7, text:"0201",pvalue:2},
            {value:8, text:"0202",pvalue:2},
            {value:9, text:"0203",pvalue:2},
            {value:10,text:"0301",pvalue:3},
            {value:11,text:"0302",pvalue:3},
            {value:12,text:"0303",pvalue:3},
            {value:13,text:"0401",pvalue:4},
            {value:14,text:"0402",pvalue:4}
        ];
    value也是唯一的,只是在该Class中唯一就行了,不一定是三个数据表中的唯一.
    text为想看到的班级名字,pvalue的意思是属于哪一个年级.
    比如pvalue:1,意味着在Grade中查找value=1的年级.不要指定一个不存在的年级,否则它将永远不会显示出来.
    添加人名那个比较好懂吧,pvalue的含义和在班级的中差不多,只是在班级中查找.
    多了一个hp,意思就是主页(homepage).
    注意语法格式,用大括号包含数据,用","分隔,最后一个数据后面没有逗号.
      

  9.   

    哥哥还是姐姐,你来了啊,我以为你下线了,又去发了个贴子问大家
    是我不好,没说清楚,事情是这样的1,添加内容,我在自己摸索一下2,要麻烦你修改一下了,就是我想做的网页是框架结构的,也就是说你给我做的代码,希望改一下,就是希望不要新窗口打开,而是...就是这个意思吧...target指向一个name,比如MAIN啊,TOP啊,DOWN啊,都可以,就是新开的窗口在框架内部的框子里打开3,就是如何修改按钮的颜色,那个下拉框的背景颜色,还有字体颜色怎么改的
      

  10.   

    新添加了增加数据的方法
    <html>
    <head>
    <script language="JavaScript">
    <!--
    function CascadDlt(parNode){
        var Grade = [
            {value:1,text:"2001",pvalue:"0"},
            {value:2,text:"2002",pvalue:"0"},
            {value:3,text:"2003",pvalue:"0"}
        ];
        var Class = [
            {value:4, text:"0101",pvalue:1},
            {value:5, text:"0102",pvalue:1},
            {value:6, text:"0103",pvalue:1},
            {value:7, text:"0201",pvalue:2},
            {value:8, text:"0202",pvalue:2},
            {value:9, text:"0203",pvalue:2},
            {value:10,text:"0301",pvalue:3},
            {value:11,text:"0302",pvalue:3},
            {value:12,text:"0303",pvalue:3}
        ];
        var Person = [
            {value:13,text:"大毛",pvalue:4, hp:"http://www.大毛.com"},
            {value:14,text:"二毛",pvalue:5, hp:"http://www.二毛.com"},
            {value:15,text:"三毛",pvalue:6, hp:"http://www.三毛.com"},
            {value:16,text:"四毛",pvalue:7, hp:"http://www.四毛.com"},
            {value:17,text:"五毛",pvalue:8, hp:"http://www.五毛.com"},
            {value:18,text:"六毛",pvalue:9, hp:"http://www.六毛.com"},
            {value:19,text:"七毛",pvalue:10,hp:"http://www.七毛.com"},
            {value:20,text:"八毛",pvalue:11,hp:"http://www.八毛.com"},
            {value:21,text:"九毛",pvalue:12,hp:"http://www.九毛.com"},
            {value:22,text:"大明",pvalue:4, hp:"http://www.大明.com"},
            {value:23,text:"二明",pvalue:5, hp:"http://www.二明.com"},
            {value:24,text:"三明",pvalue:6, hp:"http://www.三明.com"},
            {value:25,text:"四明",pvalue:7, hp:"http://www.四明.com"},
            {value:26,text:"五明",pvalue:8, hp:"http://www.五明.com"},
            {value:27,text:"六明",pvalue:9, hp:"http://www.六明.com"},
            {value:28,text:"七明",pvalue:10,hp:"http://www.七明.com"},
            {value:29,text:"八明",pvalue:11,hp:"http://www.八明.com"},
            {value:30,text:"九明",pvalue:12,hp:"http://www.九明.com"}
        ];
        var pNode = parNode;
        //alert(parNode);
        var elems = [];
        function createDltAndButton(){
            for(var i=0;i<3;i++){
                elems[i] = document.createElement("SELECT");
                elems[i].style.width=100;
            }
            elems[i] = document.createElement("INPUT");
            elems[i].type="button";
            elems[i].value="打开主页";
            for(i=0;i<4;i++)
                pNode.appendChild(elems[i]);
        }
        function showClass(pKey){
            elems[1].options.length = 0;
            for(var i=0;i<Class.length;i++)
                if(Class[i].pvalue == pKey)
                    elems[1].options.add(new Option(Class[i].text,Class[i].value));
            if( elems[1].options.length > 0)
                showPerson(elems[1].value);
        }
        function showPerson(pKey){
            elems[2].options.length = 0;
            for(var i=0;i<Person.length;i++)
                if(Person[i].pvalue == pKey){
                    var opt = new Option(Person[i].text,Person[i].value);
                    opt.setAttribute("homepage",Person[i].hp);
                    elems[2].options.add(opt);
                }
            if( elems[2].options.length > 0)
                elems[3].value="打开 " + elems[2].options[elems[2].selectedIndex].text + " 的主页"
        }
        function addEventListenerForElems(){
            elems[0].onchange = function (){ return showClass(this.value); }
            elems[1].onchange = function (){ return showPerson(this.value); }
            elems[2].onchange = function (){ elems[3].value="打开 " + this.options[this.selectedIndex].text + " 的主页";
            }
            elems[3].onclick = function (){ 
                    if(elems[2].options.length)
                        window.open(elems[2].options[elems[2].selectedIndex].homepage); 
                }
        }
        function initElements(){
            for(var i=0;i<Grade.length;i++)
                elems[0].options.add(new Option(Grade[i].text,Grade[i].value));
            elems[0].selectedIndex = -1;
        }
        this.addGrade = function(v,t){
            for(var i=0;i<Grade.length;i++)
                if(Grade[i].value == v){
                    alert("已经存在value值为:"+v+"的数据项,添加失败!");
                    return false;
                }
            Grade.push( {value:v,text:t,pvalue:"0"} );
            return true;
        };
        this.addClass = function(v,t,p){
            for(var i=0;i<Class.length;i++)
                if(Class[i].value == v){
                    alert("已经存在value值为:"+v+"的数据项,添加失败!");
                    return false;
                }
            for(var i=0;i<Grade.length;i++)
                if(Grade[i].value == p){
                   Class.push( {value:v,text:t,pvalue:p} );
                   return true;
                }
            alert("指定的年级value值:" + p + "不存在,无法添加!");
            return false;
        };
        this.addPerson = function(v,t,p,h){
            for(var i=0;i<Person.length;i++)
                if(Person[i].value == v){
                    alert("已经存在value值为:"+v+"的数据项,添加失败!");
                    return false;
                }
            for(var i=0;i<Class.length;i++)
                if(Class[i].value == p){
                   Person.push( {value:v,text:t,pvalue:p,hp:h} );
                   return true;
                }
            alert("指定的班级value值:" + p + "不存在,无法添加!");
            return false;
        };
        this.toHtml = function(){
            createDltAndButton();
            addEventListenerForElems();
            initElements();
        }
    }//-->
    </script>
    </head>
    <body>
    <div id="divVector"></div>
    <script language="JavaScript">
    <!--
    var cdlt=new CascadDlt(document.getElementById("divVector"));cdlt.addGrade(4,"2004");//添加年级cdlt.addClass(13,"0401",4);//添加班级
    cdlt.addClass(14,"0402",4);//添加班级
    cdlt.addClass(15,"0403",4);//添加班级cdlt.addPerson(31,"十毛",13,"http://www.十毛.com");//添加同学
    cdlt.addPerson(32,"十明",13,"http://www.十明.com");//添加同学
    cdlt.addPerson(33,"十一毛",14,"http://www.十一毛.com");//添加同学
    cdlt.addPerson(34,"十一明",14,"http://www.十一明.com");//添加同学
    cdlt.addPerson(35,"十二毛",15,"http://www.十二毛.com");//添加同学
    cdlt.addPerson(36,"十二明",15,"http://www.十二明.com");//添加同学cdlt.toHtml();
    //-->
    </script>
    </body>
    </html>
      

  11.   

    来拉来拉,刚才在天涯秀场看贴子SORRY!~~~~~~~~~~~`我研究一下,辛苦你了,说老实话,我自己搞的都很头疼--------------------8过现在最关键的是,如何在框架内打开,就是不要新窗口打开,而是TARGET指向,比如NAME叫MAIN的次要问题是如何修改按钮的颜色,下拉框的颜色,字体颜色什么的
      

  12.   

    如何在框架内打开,就是不要新窗口打开,而是TARGET指向,比如NAME叫MAIN的次要问题是如何修改按钮的颜色,下拉框的颜色,字体颜色什么的----------------------------------------这个我很急,希望再次麻烦一下小改一下
      

  13.   

    <html>
    <head>
    <script language="JavaScript">
    <!--
    function CascadDlt(parNode,tar){
        var Grade = [
            {value:1,text:"2001",pvalue:"0"},
            {value:2,text:"2002",pvalue:"0"},
            {value:3,text:"2003",pvalue:"0"}
        ];
        var Class = [
            {value:4, text:"0101",pvalue:1},
            {value:5, text:"0102",pvalue:1},
            {value:6, text:"0103",pvalue:1},
            {value:7, text:"0201",pvalue:2},
            {value:8, text:"0202",pvalue:2},
            {value:9, text:"0203",pvalue:2},
            {value:10,text:"0301",pvalue:3},
            {value:11,text:"0302",pvalue:3},
            {value:12,text:"0303",pvalue:3}
        ];
        var Person = [
            {value:13,text:"大毛",pvalue:4, hp:"http://www.大毛.com"},
            {value:14,text:"二毛",pvalue:5, hp:"http://www.二毛.com"},
            {value:15,text:"三毛",pvalue:6, hp:"http://www.三毛.com"},
            {value:16,text:"四毛",pvalue:7, hp:"http://www.四毛.com"},
            {value:17,text:"五毛",pvalue:8, hp:"http://www.五毛.com"},
            {value:18,text:"六毛",pvalue:9, hp:"http://www.六毛.com"},
            {value:19,text:"七毛",pvalue:10,hp:"http://www.七毛.com"},
            {value:20,text:"八毛",pvalue:11,hp:"http://www.八毛.com"},
            {value:21,text:"九毛",pvalue:12,hp:"http://www.九毛.com"},
            {value:22,text:"大明",pvalue:4, hp:"http://www.大明.com"},
            {value:23,text:"二明",pvalue:5, hp:"http://www.二明.com"},
            {value:24,text:"三明",pvalue:6, hp:"http://www.三明.com"},
            {value:25,text:"四明",pvalue:7, hp:"http://www.四明.com"},
            {value:26,text:"五明",pvalue:8, hp:"http://www.五明.com"},
            {value:27,text:"六明",pvalue:9, hp:"http://www.六明.com"},
            {value:28,text:"七明",pvalue:10,hp:"http://www.七明.com"},
            {value:29,text:"八明",pvalue:11,hp:"http://www.八明.com"},
            {value:30,text:"九明",pvalue:12,hp:"http://www.九明.com"}
        ];
        var pNode = parNode;
        var target = tar;
        //alert(parNode);
        var elems = [];
        function createDltAndButton(){
            for(var i=0;i<3;i++){
                elems[i] = document.createElement("SELECT");
                elems[i].style.width=100;
            }
            elems[i] = document.createElement("INPUT");
            elems[i].type="button";
            elems[i].value="打开主页";
            for(i=0;i<4;i++)
                pNode.appendChild(elems[i]);
        }
        function showClass(pKey){
            elems[1].options.length = 0;
            for(var i=0;i<Class.length;i++)
                if(Class[i].pvalue == pKey)
                    elems[1].options.add(new Option(Class[i].text,Class[i].value));
            if( elems[1].options.length > 0)
                showPerson(elems[1].value);
        }
        function showPerson(pKey){
            elems[2].options.length = 0;
            for(var i=0;i<Person.length;i++)
                if(Person[i].pvalue == pKey){
                    var opt = new Option(Person[i].text,Person[i].value);
                    opt.setAttribute("homepage",Person[i].hp);
                    elems[2].options.add(opt);
                }
            if( elems[2].options.length > 0)
                elems[3].value="打开 " + elems[2].options[elems[2].selectedIndex].text + " 的主页"
        }
        function addEventListenerForElems(){
            elems[0].onchange = function (){ return showClass(this.value); }
            elems[1].onchange = function (){ return showPerson(this.value); }
            elems[2].onchange = function (){ elems[3].value="打开 " + this.options[this.selectedIndex].text + " 的主页";
            }
            elems[3].onclick = function (){ 
                    if(elems[2].options.length)
                        target.location.href = elems[2].options[elems[2].selectedIndex].homepage;
                }
        }
        function initElements(){
            for(var i=0;i<Grade.length;i++)
                elems[0].options.add(new Option(Grade[i].text,Grade[i].value));
            elems[0].selectedIndex = -1;
        }
        this.addGrade = function(v,t){
            for(var i=0;i<Grade.length;i++)
                if(Grade[i].value == v){
                    alert("已经存在value值为:"+v+"的数据项,添加失败!");
                    return false;
                }
            Grade.push( {value:v,text:t,pvalue:"0"} );
            return true;
        };
        this.addClass = function(v,t,p){
            for(var i=0;i<Class.length;i++)
                if(Class[i].value == v){
                    alert("已经存在value值为:"+v+"的数据项,添加失败!");
                    return false;
                }
            for(var i=0;i<Grade.length;i++)
                if(Grade[i].value == p){
                   Class.push( {value:v,text:t,pvalue:p} );
                   return true;
                }
            alert("指定的年级value值:" + p + "不存在,无法添加!");
            return false;
        };
        this.addPerson = function(v,t,p,h){
            for(var i=0;i<Person.length;i++)
                if(Person[i].value == v){
                    alert("已经存在value值为:"+v+"的数据项,添加失败!");
                    return false;
                }
            for(var i=0;i<Class.length;i++)
                if(Class[i].value == p){
                   Person.push( {value:v,text:t,pvalue:p,hp:h} );
                   return true;
                }
            alert("指定的班级value值:" + p + "不存在,无法添加!");
            return false;
        };
        this.toHtml = function(){
            createDltAndButton();
            addEventListenerForElems();
            initElements();
        }
    }//-->
    </script>
    </head>
    <body>
    <div id="divVector"></div>
    <iframe style="width:400;height:300" name="ifrmHp"></iframe>
    <script language="JavaScript">
    <!--
    //下边的第二个参数是frame的名字.由于没有做参数检查,所以请自已保证参数的正确性.
    var cdlt=new CascadDlt(document.getElementById("divVector"),ifrmHp);cdlt.addGrade(4,"2004");//添加年级cdlt.addClass(13,"0401",4);//添加班级
    cdlt.addClass(14,"0402",4);//添加班级
    cdlt.addClass(15,"0403",4);//添加班级cdlt.addPerson(31,"十毛",13,"http://www.十毛.com");//添加同学
    cdlt.addPerson(32,"十明",13,"http://www.十明.com");//添加同学
    cdlt.addPerson(33,"十一毛",14,"http://www.十一毛.com");//添加同学
    cdlt.addPerson(34,"十一明",14,"http://www.十一明.com");//添加同学
    cdlt.addPerson(35,"十二毛",15,"http://www.十二毛.com");//添加同学
    cdlt.addPerson(36,"十二明",15,"http://www.十二明.com");//添加同学cdlt.toHtml();
    //-->
    </script>
    </body>
    </html>
    实现目标指向功能.用第二个参数指定.
    修改样式的问题并不难,但你没有这方面的编程经验就不好说了.
    你可以把样式需求发上来,我帮你写.
    PS:我已加你MSN了,但我不常使用.