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

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

阅读 5.3k
3 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题