1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。
十年专业网络公司历程，坚持以创新为先导的网站服务，服务超过千余家企业及个人，涉及网站设计、app软件开发公司、微信开发、平面设计、互联网整合营销等多个领域。在不同行业和领域给人们的工作和生活带来美好变化。
2、要运行后网页界面如此显示下拉框。
3、接下来我们按照图示代码用js来获取被选中的值。
4、首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。
5、当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。
javascript设置下拉框选中项通常有以下两种方法： 直接设置下拉框的value属性值，即可将option选项中相应value值选项选中。 循环判断option的value值，将满足条件的option的selected属性设置为true。
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");
});
});
