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")
})
})
<!doctype html><html>
<head>
<meta charset="utf-8">
<script src="js/jquery.js" language="javascript"></script>
<!-- 注意：引用了本地jquery.js -->
</head>
<body>
<script type="text/javascript">
$(function(){
var mySelect=$("#select option")
var num="33"//某个值
mySelect.each(function (i,el) {
if($(el).text()==num){
$(this).hide()
}
})
})
</script>
<select id="select">
<option>11</option>
<option>22</option>
<option>33</option>
</select>
</body>
</html>
用的jquery，仅供参考。
