备案控制台

开发者社区> 问答> 正文

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

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

展开

收起

小旋风柴进 2016-05-31 10:58:11 2069 0

1 条回答

写回答

取消提交回答

小旋风柴进

截图里的原型用的是Bootstrap的多级下拉菜单，dropdown-menu，dropdown-submenu

2019-07-17 19:21:33

赞同展开评论打赏

问答标签：

HTML select

问答地址：

开发者社区 > 云计算 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答

HTML代码 select name="name"></select表示的是什么？

734

1

0

html中select 怎么存进mysql中？：报错

428

1

0

在保留当前选定项目的同时，按值对Html Select选项进行排序的最有效方法是什么？

516

1

0

如何设置HTML <select>元素的默认值？

2250

1

0

HTML如何根据前一个select的内容去显示后一个select的选项？

4273

1

0

jquery html（）如何获取其中 input 的值和 select 的值

2924

1

0

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

2341

1

0

如何使用jQuery给HTML中select标签设置默认值？

4119

1

0

php 动态获取html的select的值

2311

1

0

HTML中可以嵌入页面吗？

638

1

0

问答排行榜

最热

最新

1 通过阿里云代备案系统进行个人快速备案 2699614

2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1818196

3 据说在家办公的程序员是这样写代码的？ 1792149

4 阿里云开放端口权限 689821

5 《阿里云服务器从入门到精通》—论坛精华帖汇总（2013.8.21更新） 599389

6 如何升级配置 536033

7 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522337

8 【精品问答】python技术1000问(1) 513952

9 Flink Forward Asia 2021 有奖问答 512770

10 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 456897

11 OceanBase 使用动画（持续更新） 359231

12 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329694

13 OSS存储服务-客户端工具 321256

14 为体验实验室取一个新名字。 307192

15 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 303707

16 Win Server 2003-2016 加密勒索事件必打补丁合集 295102

17 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 283473

18 安全组详解，新手必看教程 277228

19 写code还是做管理，开发者如何进行职业规划？ 268289

20 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255811

1 为什么程序员害怕改需求？ 109

2 如何从零构建一个现代深度学习框架? 621

3 AI面试成为线下面试的“隐形门槛”，对此你怎么看？ 1130

4 请问上次@灵码活动奖品，还没有收到，也没有地方看到是否发货，这活动是不是骗人玩的！！！ 163

5 乘风问答官5月排位赛开启！ 462

6 你见过哪些独特的代码注释？ 1856

7 你遇到过哪些触发NPE的代码场景？ 958

8 宜搭中，线上答题单选题和多选题在一起如何计算总分，请老师指点 249

9 宜搭中，在表单里复选选项（搭建多选题）如何设置单行文本自动获取“你的答案”所选的选项如“AB” 174

10 宜搭流程表单怎样根据连接器返回值阻止提交 200

11 如何让系统具备良好的扩展性？ 1967

12 在JS编程中有哪些常见的编程“套路”或习惯？ 1607

13 表单新加了个字段A，历史数据要添加字段A的值问题 415

14 nacos部署需要开放哪几个端口？ 985

15 在做程序员的道路上，你掌握了什么关键的概念或技术让你感到自身技能有了显著飞跃？ 2129

16 作为一个经典架构模式，事件驱动在云时代为什么会再次流行呢？ 2506

17 如何实现主表单内数字组件自动获取子表单内数据条数 170

18 宜搭：提交表单前，如何校验另一张表单的数据？ 431

19 如何实现自动计算请假天数并自动跳过法定节假日？ 129

20 Windows 11系统电脑自动重启后，vscode启动通义灵码插件报错：此应用无法在你的电脑上运行 232

相关课程

更多

HTML 入门与实战

32430

33

去学习

HTML基础入门学习

2466

21

去学习

HTML5 新特性教程

21292

15

去学习

零基础学前端HTML+CSS

8924

57

去学习

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

《零基础HTML入门教程》 立即下载

天猫 HTML5 互动技术实践 立即下载

天猫HTML5互动技术实践 立即下载

相关实验场景

更多