思路

javascript如何实现多个下拉框或隐藏层的显示隐藏

比如网页中有10个下拉框 点击一个出下拉框 点击另一个出下拉框同时前一个自动隐藏 如何实现？

这个问题的重点是10个里只会显示出一个 点击一个会隐藏其他的

下面的答案有些对我很有帮助 可惜我是新手 暂时就 “指罗男”的答案能看懂理解 其他的我还不能完全理解运用   我会继续学习下去的  我期待能有更多的好方法出来 让我学习

 

fcx5933 | 浏览 2143 次

推荐于2016-11-15 21:48:01

 

最佳答案

 

1.全部下拉框的display:none;
2.给每个下拉框对应的按钮加nomouseclick事件
3.事件中，先选择出display:block的下拉框，设置其display:none;然后再把当前下拉框设置为display:block;
这个用JQUERY做起来比较简单
1.把全部下拉框设置为display:none;
2.加一个类  .current { display:block !important;}
3.JQUERY代码如下
$(document).ready(function(){
$("#下拉框的ID").click(function(){
$(".current").removeClass("current");
$(this).addClass("current");
});
});