实现任意界面的JS版下拉菜单，用js实现下拉菜单

如何用javascript实现动态下拉式菜单

1、首先AJAX调用的方法请参考 http：//zhidao.baidu.com/question/2463353html 然后建立后台数据查询页面，确保页面正常运作。输出的数据可以格式化为JSON格式方便前台JS调用。

2、使用框架：查找框架中的二级菜单组建，如Bootstrap中的导航条中的二级菜单。下面的是一个二级下拉菜单的例子 Link(current)LinkDropdown ActionAnotheractionSomethingelsehereSeparatedlinkOnemoreseparatedlink使用JavaScript代码。

3、aaa 下拉菜单 然后写好js文件里的aaa（）和bbb()方法，主要是控制下拉菜单的显示和隐藏。function aaa(){...ddd.style.display=block；}//显示 function bbb(){ddd.style.display=none；}//隐藏 ...的内容是要写好菜单的位置。

4、javascript添加一个下拉列表项的方法：创建一个新的option节点，然后添加到目标select对象中去，关键代码如下：var objSelect = document.getElementById(select_id)。var new_opt = new Option(objItemText， objItemValue)。objSelect.options.add(new_opt)。

相关问答

Q1: 如何实现网页下拉菜单特效?

如图所示，二级下拉菜单一般都是这样来制作的，就是在li标签里面再放一个ul标签。然后就会有这样的效果了，不过距离二级菜单有点差距。接着我们先把二级下拉菜单之间的margin和padding值去掉。然后设置divulli，需要注意的是，是子代选择器。因为我们不需要全部的li左浮动。

首先，在Layer1层画上一个“开始”按钮，别忘了把它转换成Button Symbol。 接着，在菜单中选则 Insert - New Symbol 新建一个Movie Clip Symbol。第一帧做成空帧，Action设为Stop。第二帧起做一个三个按钮符号（Button Symbol）从下往上升的Motion运动的动画，最后一帧的Action设为Stop。

首先你需要在页面头部引入Bootstrap的JS文件，之后你便可以通过上面的代码实现JS控制下拉菜单的显示与隐藏。需要说明的是，由于JS中是采用data-toggle作为选择器的，所以一定要在按钮中加入属性data-toggle=dropdown。

html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果。

Q2: 如何在WPS中使用JS实现下拉框

要通过 JavaScript 脚本实现下拉框默认选项，你可以给 元素添加 selected 属性。

首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。要运行后网页界面如此显示下拉框。接下来我们按照图示代码用js来获取被选中的值。首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。

打开vscode，创建一个H5规范的页面，用于演示js如何给下拉框设置默认值。在页面中添加一个下拉框，并在html中通过selected属性，默认选择下拉框的第2个值。在浏览器中打开页面，就可以看到这个下拉框默认选中的第二个下拉值。

Q3: 网页上怎么做下拉框

1、创建新网页后，在设计页面上，单击插入-表单-选择(列表/菜单)，以便您可以插入可选的下拉表单。或者在菜单栏的底部有一个表单选项图标。将鼠标放在上面显示“选择(列表/菜单)”并点击它。也可以插入下拉菜单。然后跳出需要输入标签辅助功能属性的界面。

2、打开Frontpage软件，单击菜单栏“插入”——表单——下拉框。2 在“设计”模式下，把页面上的“提交”和“重置”按钮删除掉。3 在“设计”模式下，双击下拉框，弹出“下拉框属性”对话框，单击“添加”按钮。4 在弹出的“添加选项”对话框中，在选项中写上“AAA”，单击“确定”。

3、将导航做成图片，将图片选中，然后在DW中选择标签栏目，在其中选择行为按钮，然后在弹出的下拉菜单中选择显示弹出式菜单选项，这样就可以做出下拉菜单效果了。

4、打开Dreamweaver，点击 文件-新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接：#。然后保存该网页文件。点击 窗口-行为 菜单，打开行为面板。选中第一步输入的文字，点行为面板上的+号，在弹出的菜单中选-显示弹出式菜单。

5、如图所示。下面看一下怎么和后台数据结合起来，可以与ajax一起使用，将ajax返回的数据作为上面的数组，直接赋给autocomplete插件使用，代码如图所示。下面可以看一下真是的效果，可以看到，搜索“上”字之后，可以自动查询出数据库中所有带有上字的地址，这样下拉框便做出来了，如图所示。

6、首先打开电脑上的可编辑网页的软件，新建一个html页面，然后将其保存在桌面上。这里使用的是DW。接下来在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码如图片所示。因为菜单栏一般都是有链接的，这就需要为每个li标签添加一个a标签，并增加适当的样式。

实现任意界面的JS版下拉菜单的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于用js实现下拉菜单、实现任意界面的JS版下拉菜单的信息别忘了在本站进行查找喔。