2 jiaoxiaobin50 jiaoxiaobin50 于 2016.03.18 14:29 提问

多个下拉框样式隐藏问题

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

2个回答

qq_19891827
qq_19891827   2016.03.18 14: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';
    }
}

大概是这个样子

qq_19891827
qq_19891827 回复jiaoxiaobin50: 私信发你吧,我知道的也不多。
接近 2 年之前 回复
jiaoxiaobin50
jiaoxiaobin50 回复qq_19891827: 能加下你QQ么?我js好菜,下面我回复了一个问题,能帮忙解答下么,谢谢,
接近 2 年之前 回复
qq_19891827
qq_19891827 回复jiaoxiaobin50: 如果觉得有用请采纳谢谢
接近 2 年之前 回复
jiaoxiaobin50
jiaoxiaobin50 非常感谢
接近 2 年之前 回复
jiaoxiaobin50
jiaoxiaobin50   2016.03.18 15:44

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

渠道选择APP网站纸媒杂志
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!