lvvb
2015-08-12 02:09
采纳率: 70.8%
浏览 11.8k

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

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • beaconD 2015-08-12 03:41
    已采纳
    打赏 评论
  • 西红柿211 2015-08-12 02:22

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

    打赏 评论
  • Yates WANG 2015-08-12 02:36

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

             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>
    
    打赏 评论

相关推荐 更多相似问题