javascript - 多级select的html结构的实现是什么

Question

想实现如下图所示的多级select，（可能有三级，比如浦东下面再分几个区域），html怎么写？是每个select的option添加一个hover事件来显示一个列表，然后再为列表项添加hover事件？

Answer 1

自己找到了答案，截图里的原型用的是Bootstrap的多级下拉菜单，dropdown-menu，dropdown-submenu

Answer 2

看你的这种效果 一般不是用 select 来实现的
而是用 javascript + html 实现的

类似于
http://www.16sucai.com/uploadfile/show20...

Answer 3

你要动态添加呢可以一级一个 ul，上一个 ul 鼠标移入触发下一个 ul 的位置和内容修改。
不过比较推荐先把内容都用 JS 生成好，然后每次只用隐藏掉旧的显示新的即可。
至于事件的话，利用事件冒泡可以在父元素上监听到当前是处于哪一个子元素里，从而不用每个上面都绑定事件。