想实现如下图所示的多级select,(可能有三级,比如浦东下面再分几个区域),html怎么写?是每个select的option添加一个hover事件来显示一个列表,然后再为列表项添加hover事件?
想实现如下图所示的多级select,(可能有三级,比如浦东下面再分几个区域),html怎么写?是每个select的option添加一个hover事件来显示一个列表,然后再为列表项添加hover事件?
看你的这种效果 一般不是用 select 来实现的
而是用 javascript + html 实现的
你要动态添加呢可以一级一个 ul,上一个 ul 鼠标移入触发下一个 ul 的位置和内容修改。
不过比较推荐先把内容都用 JS 生成好,然后每次只用隐藏掉旧的显示新的即可。
至于事件的话,利用事件冒泡可以在父元素上监听到当前是处于哪一个子元素里,从而不用每个上面都绑定事件。
13 回答13k 阅读
7 回答2.2k 阅读
5 回答1.5k 阅读
3 回答1.3k 阅读✓ 已解决
3 回答962 阅读✓ 已解决
5 回答1.6k 阅读✓ 已解决
6 回答1.3k 阅读✓ 已解决
自己找到了答案,截图里的原型用的是Bootstrap的多级下拉菜单,
dropdown-menu,dropdown-submenu