jquery下拉菜单显示不出来？
一、问题描述
做下拉菜单时，不管怎么触发事件，下拉菜单都不显示。console一下，发现其display一直是none。
.second>li{ width: 300px; height: 30px; list-style: none; background-color: grey; color: #fff; border-bottom: .5px #fff solid; /*页面刷新时不显示，触发事件后显示*/ display: none; }
二、问题发现
原因是因为，“display: none;”放错地方了，跟li放一起。但事件触发的是父元素ul，所以无法更改其displaynone属性。
三、解决
/*display: none;单独放出来，不要跟li放一起*/ .second{ display: none; }
新开一个块控制父级元素，用对应的展开/收起动画控制即可。
javascript(js)中怎么获取下拉框option的值？
javascript(js)中获取下拉框option的值方法如下：
1.首先我们先创建一个下拉框；
2.界面显示如下；
3.接下来我们用js来获取被选中的值；
4.首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值，界面结果如下；
5.当然，如果你是用jquery的话可以用下面的方法；
扩展资料：
JavaScript（缩写为JS）是一种高级的、多范式、解释型的编程语言，是一门基于原型、函数先行的语言，它支持面向对象编程、命令式编程以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式，不支持I/O（比如网络、存储和图形等），但可以由它的宿主环境提供支持。它已经由ECMA（欧洲计算机制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器支持。
JavaScript（缩写为JS）是一种高级的、多范式、解释型的编程语言，是一门基于原型、函数先行的语言，它支持面向对象编程、命令式编程以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式，不支持I/O（比如网络、存储和图形等），但可以由它的宿主环境提供支持。它已经由ECMA（欧洲计算机制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器支持。
javascript在我们编写前端页面时是必不可少的，我们怎么获取下拉框option的值？请看以下步骤。
1.首先我们先创建一个下拉框。
2.界面显示如下：
3.接下来我们用js来获取被选中的值。
4.首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值，界面结果如下。
5.当然，如果你是用jquery的话可以用下面的方法。
以上就是关于javascript(js)中怎么获取下拉框option的值了，如果文章对您有帮助的话，请为我的文章点赞，文章内容都是我平时做项目中遇到问题的积累和总结。