本帖最后由 q512362091 于 2009-09-24 12:45:44 编辑

解决方案 »

  1.   


    <!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" />
    <script>
        var arr=new Array();
        arr["一号"]={'一号1':["111d","112d","113d"],'一号2':["121d","122d","123d"],'一号3':["131d","132d","133d"]};
        arr["二号"]={'二号1':["211d","212d","213d"],'二号2':["221d","222d","223d"],'二号3':["231d","232d","233d"]};  
        function f_load()
        {
            for(var i in arr)
            {
                document.my.sl1.options.add(new Option(i,i));
            }
            f_change()
        }
        function f_change()
        {
            var va=document.my.sl1.value;
            document.my.sl2.options.length=0;
            for(var i in arr[va])
            {
                  document.my.sl2.options.add(new Option(i,i));
            }
            f_get();
        }
        function f_get(){
         var va= document.my.sl1.value;
         var vb = document.my.sl2.value;
            document.my.sl3.options.length=0;
            for(var i in arr[va][vb])
            {
                  document.my.sl3.options.add(new Option(arr[va][vb][i],arr[va][vb][i]));
            }
        }
    </script>
    </head><body onload="f_load()">
        <form name="my">
            <select name="sl1" onchange="f_change()"></select><br />
            <select name="sl2" onchange="f_get()"></select><br />
            <select name="sl3"></select><br />
        </form>
    </body>
    </html>