多个下拉框样式隐藏问题

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

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

大概是这个样子

还有另外一个问题，我想让下拉框使用一次就不能再选择了，让其变灰刷新页面后才能从新选择一次，谢谢大神，js技术比较薄弱，能否加你qq我的2234451367
这是另外一个下拉的代码。谢谢