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

我想做两个下拉框，在第一个下拉框里选的是数据库中的表名，选了之后，第二个下拉框里的选项会自动变成那个表里面的属性，然后再选择属性，选完之后，把选择的表名和属性名传到另一个页面
该怎么做

http://www.jb51.net/article/26947.htm

下来框联动，要将所有的表名称和对应的表字段设计2张表来存储，第一个下拉框的数据源是表名的那张表，第二个下拉框的数据源是表属性表，第一个下拉框
选择表名后，通过异步请求到后端查询表字段表，就可以达到联动效果。

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

         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>