一个非常简单的用法：点击菜单显示以下内容或不显示。1.主要用途：显示一个菜单项，然后点击、隐藏、点击，并弹出以下内容。

溢出：使用隐藏和溢出='可见'。在clicked函数中，设置的属性应该是。

node.style.overflow=“可见”；当然，设置tr的高度也很重要，这样其他选项就应该隐藏起来。

2.用同样的技术，多加几个，但是传递参数比较麻烦，所以用这个传递参数很常见。

达到效果：

！DOCTYPE html html头titlelist.html/title！- link rel=“样式表”类型=“text/CSS”href=。/style . CSS '-style type=' text/CSS ' dl { height :18 px；/*优先级问题，必须写*/overflow : hidden；} dd { margin:0pxpadding:0px} .关闭{ height:18px/*优先级问题，必须写*/overflow : hidden；} .打开{ height:80px飞越：可见；背景-color : # ff 8000；} /style脚本类型='text/javascript '函数click 2(node 1){//alert(' aa ' node . nodename)；//TD var nodes=node 1 . parent node；//alert(nodes . nodename)；//alert(' aa ' nodes . class name)；//open(){ nodes。关闭；} else { nodes.className=' open} }/脚本/头体！-层次列表-！-很多情况下使用引用非常麻烦。每个人都需要参考dl dt onclick='click1(0)'菜单栏1/dt dd菜单1/dd dd菜单2/dd dd菜单3/dd菜单4/dd /dl dl dt onclick='click1(1)'菜单栏2/dt dd菜单11/DD DD DD菜单22/dd dd菜单33/DD菜单44/dd /dl dl dt onclick='click1(2)'菜单栏3/dt dd菜单12/dd菜单23/dd dd菜单34/dd菜单45/dd-dl class=' close '先手动使用css test，然后可以使用-DL dtonclick=' Click 2(this)' 1 menu bar 1/DT DD menu 1/DD DD menu 2/DD DD menu 3/DD DD DD menu 4/DD/DL DL dtonclick=' Click 2(this)' 2 menu bar 2/DT DD menu 11/DD DD menu 22/DD menu 33/DD DD menu 44/DD/DL DL DT onclick=' Click 2(this)' 3 menu bar 3/DT DD menu 12

如何用javascript让树型菜单显示在下拉列表中，相信大家通过这篇文章应该有一个大概的思路，我也相信让树型菜单显示在下拉列表中的效果比边肖做的更细腻。