如果不使用框架，那使用的技术应该是ajax右侧通常是一个div标签通过javascript从服务器获得内容，修改div标签中的内容；在 datalist 标签下放列表项，每个列表项用 option 元标签来表示，option 标签里用 value 属性填写内容，label 属性来做提示下面是示例代码 ltdatalist id=quoturl_listquot。

如图，用到空格隔开，注意，空格表示后代选择器这样，下面的下拉菜单就看不见了，哈哈然后用jq来操作鼠标经过的时候，显示菜单即可如图，我用到了滑动效果，具体可以自己查找一下slideToggle的用法哦；2在html代码页面新建标签，再在界面内输入如下代码 请选择下拉菜单 选择1 选择2 选择3 3然后再在界面内添加点击事件并输入如下代码 function。

jqgrid下拉框

1、还没有解决的话，继续第二步初始化下拉菜单，页面加入以下js代码 function 解决bootstrap下拉菜单第一次点击无反应问题 #39dropdowntoggle#39dropdown 原文链接。

2、现在布局完事了，就写jq呗，给你个例子啊documentreadyfunction$#39active#39hoverfunction$thischildren#39ul#39css#39display#39，#39block#39，function$thischildren#39ul#39css#39display#39。

3、JQ其实还可以写得更少Write Less而且你那样写有一个毛病，那就是用光标在的菜单上来回快速晃动几个，再移开光标时，你会发现，下拉的菜单它还在那里一上一下晃着所以要得在效果前加上一个stop function #39。

jq设置下拉框的值

您要的效果应该是下面这样的示例代码如下lt！DOCTYPE HTML 纯 CSS 多级菜单 menu menu ul，menu limargin0 padding0liststyle outside menuuloverflowauto displayinlin。

既然你使用的是JQ，那就可以用另外一个方法 quotfxnmenu ul li，fxnnav_investquothoverfunction鼠标over的时候执行显示，function鼠标out的时候执行隐藏。

点击显示不要设置成显示某类，可以使用元素间的关系来显示，如 #39a#39clickfunction thisnextshow尽量通过上下关系，父子关系来确定需要显示的菜单，避免全部菜单都显示出来。

1首先，打开html编辑器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的标签，输入jquery代码$#39select option#39remove3浏览器运行indexhtml页面，此时select下拉框中所有选项都被清空了。

这个原因是因为你是提前写好的事件绑定，当去触发这个事件的时候，i 这个变量的值已经循环至最后了，所以要这么修改 aliionmouseover = function showalii 然后通过传进来的alii，也就是ali，来得到当去。

简洁实用的二级下拉导航菜单 lt！把下面代码加到与之间 body，htmlpadding0margin0textaligncenterfontnormal 14px #39arial#39 mainNavBarwidth100%background#999padding10px 0 navwidt。

function quot#菜单quotshow500，鼠标移开的方法 function quot#菜单quothide 菜单肯定是要样式的。

一个简简单单的下拉菜单被你写成这样，我也是服了对于你发的这个问题的具体错在那里，楼上已经说了，我就不多说了，直接给你展示一下，纯css下拉，和带特效jQ下拉 1纯css下拉 *margin 0padding。

在下拉菜单的change事件中，获得当前选择班级的标识，再从数据源中匹配这个标识的班级数据并展示 一班 二班 三班 var data = #39一班#39 #39张三，李四#39， #39二班#39 #39周五，郑。