多个下拉框样式隐藏问题

Question

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

Answer 1

在杂志的按钮下设置一个自定义属性 例如 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';
    }
}

大概是这个样子