jiaoxiaobin50 2016-03-18 06:29 采纳率: 11.1%
浏览 1510
已采纳

多个下拉框样式隐藏问题

图片说明
我想在页面上显示一个下拉框,我前面有一个控制的代码,如果选择zazhi其他的下拉框隐藏,选择网站,其它的不显示,用js怎么实现,具体代码,谢谢

  • 写回答

2条回答 默认 最新

  • qq_19891827 2016-03-18 06:57
    关注

    在杂志的按钮下设置一个自定义属性 例如 data-sort='zazhi',网站的按钮下设置自定义属性 data-sort='wangzhan',app按钮下设置自定义属性data-sort='app',报纸按钮下设置自定义属性data-sort='baozhi';假设这四个按钮统一设置了一个class类为'btn';

     var btns=document.querySelectorAll('.btn');
    var select=document.querySelectorAll('select');
    for(var i=0;i<btns.length;i++){
        btns[i].onclick=function(){
            for(var t=0;t<select.length;t++){
                select[t].style.display='none';
            };
            var attr=this.getAttribute('data-sort');
            var s=document.querySelector('#'+attr);
            s.style.display='block';
        }
    }
    

    大概是这个样子

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能