HTML下拉框问题，有两个下拉框，第二个框的选项由第一个选的项决定

多级联动，这个思路，刚写了个字体选择的，第一个框选择中英文，第二个框根据中英文选择字体。你改一改可以用。

         var fonts=[
        <!--中文字体文件名-->
        ["simsun.ttc","STXINGKA.TTF","msyh.ttf","mszht.ttf"],
        <!--英文字体文件名-->
        ["calibrib.ttf","FRADM.TTF"]
        ];
        var fontsname=[
        <!--中文字体显示名称-->
        ["宋体","中华行楷","微软雅黑","微软正黑体"],
        <!--英文字体显示名称-->
        ["calibrib","FRADM"]
        ];
                        function LanguageFlag(){
            //获得语言下拉框的对象，返回sltlanguage=["选择语言","中文","英文"]
            var sltlanguage=document.form1.language;
            //获得字体下拉框的对象，返回sltfont=["选择字体"]
            var sltfont=document.form1.fonts;
            //得到对应语言的字体数组，返回languagefont=[""]
            var languagefonts=fonts[sltlanguage.selectedIndex - 1];
            //得到对应字体的中文
            var languagefontsname=fontsname[sltlanguage.selectedIndex - 1];
            //清空城市下拉框，仅留提示选项
            sltfont.length=1;
            //将字体数组中的值填充到字体下拉框中
            for(var i=0;i<languagefonts.length;i++)
            {
                //Option(describe,value)
                sltfont[i+1]=new Option(languagefontsname[i],languagefonts[i]);
            }
        }
        </script>

        <select NAME="language" onChange="LanguageFlag()">
            <option VALUE="0">选择语言</option>
            <option VALUE="chinese">中文</option>
            <option VALUE="english">英文</option>
        </select>

        <select NAME="fonts">
            <option VALUE="0">选择字体</option>
        </select>