本篇文章主要介绍了"下拉树列表菜单选择器"，主要涉及到方面的内容，对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
虽然网上有许多的实现下拉树列表菜单的实现，但都是基于某一框架的，感觉使用起来过于复杂。为了巩固学习的JS知识，于是尝试着自己写一个。这个下拉树列表整体放置在一个...
虽然网上有许多的实现下拉树列表菜单的实现，但都是基于某一框架的，感觉使用起来过于复杂。
为了巩固学习的JS知识，于是尝试着自己写一个。
这个下拉树列表整体放置在一个div中。为了使其看起来和HTML自带的下拉列表类似，我选择了使用select标签，但一开始并不在其中嵌套option选项。（其实也可以用input自己实现一个，只不过我觉得这样用方便也美观......）
在select标签之后跟着一个div，主要用来放置目录列表，目录用ul标签嵌套的方式实现。该div使用绝对定位（这样在div显示的时候就不会占用文档空间），并且初始出于隐藏状态。
通过给select标签添加click事件监听，使目录div显示。
在选择目录后，生成一个option选项，将其加入到select中并将其选中，但option还是要隐藏，就可以在select中设置值了。（因为好像select不能直接通过给value赋值的方法赋值，所以只能采用这个折中的办法了。如果是用的input实现的，那么直接对其value赋值，就没这么麻烦。）
目前我只是完成一个粗略的结构，树形结构的展开和收缩功能也还没有加上，先写下这些东西记录下学习成果。随后逐步完善。
下面是代码
Test2
TODO write content