首页 > 多级select的html结构的实现是什么

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

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


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

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


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


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

【热门文章】
【热门文章】