热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

html中怎么设置点击菜单上面的东西不变例子_如何创建一级和多级下拉菜单

在工作中,我们经常需要做一个下拉菜单,不仅方便我们录入数据,也可以有效避免数据录入人员编辑错误。那么该怎么进行操作呢?下面我
b8c4a0c8c6543e07faecde1d63a6ecd3.png

在工作中,我们经常需要做一个下拉菜单,不仅方便我们录入数据,也可以有效避免数据录入人员编辑错误。那么该怎么进行操作呢?下面我们就来讲解一下。

首先,我们看一下一级下拉菜单的制作。这个相对比较简单,请看下面的例子,我们需要统计部门人员的籍贯,只需要登记省份就可以了,我们希望将D列设置成几个省份做成下拉菜单的形式,请看下面的操作。我们选中D列,点击数据选项卡中的数据验证(旧版本称之为数据有效性),在允许值里面选择“序列”,在来源中圈选A列数据,确定即可。我们点击一下试试,发现D列的每个单元格都可以进行选择了。

9c7ec0dade821872210383aa4dffcd80.gif

如果我们要对人员信息进一步细化,要求统计员工出生地,包含省、市县(区),我们希望按照三个单元格分别设有下拉菜单,而且每个菜单级别相对应,比如,省份为江苏时,下面只显示江苏省的时,如果选择苏州市,下面就只显示苏州市下面的县(区),这就相当于是三级下拉菜单了,该怎么实现呢?

除了上面提到的数据验证,我们还需要借助一个函数,即INDIRECT,表示间接引用。首先,我们需要将省市县按照如下的格式录入。我们需要先定义名称,全选内容,为避免出错,我们CTRL+G进行定位,选择常量,点击公式选项卡,“定义的名称”里面点击“根据所选内容创建”,选择首行,确定。省份为第一级菜单,按照刚才的操作即可,在“市”一级时同样选择数据验证-序列,在数据来源中我们输入=INDIRECT(F10),注意这里是相对引用,跳出来的提醒不用管,因为F10里面是空白,点击确定,在H10里面输入=INDIRECT(G10),确定即可,这样我们就完成了三级下拉菜单的制作,可以点击试一下,对于更多级别的下拉菜单制作方法是一样的哦。

35f6632ae4ecc67249162d220b886231.gif



推荐阅读
  • 使用Numpy实现无外部库依赖的双线性插值图像缩放
    本文介绍如何仅使用Numpy库,通过双线性插值方法实现图像的高效缩放,避免了对OpenCV等图像处理库的依赖。文中详细解释了算法原理,并提供了完整的代码示例。 ... [详细]
  • Docker的安全基准
    nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • QBlog开源博客系统:Page_Load生命周期与参数传递优化(第四部分)
    本教程将深入探讨QBlog开源博客系统的Page_Load生命周期,并介绍一种简洁的参数传递重构方法。通过视频演示和详细讲解,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • PyCharm下载与安装指南
    本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境(IDE),涵盖Windows、macOS和Linux系统,同时提供详细的安装步骤及配置建议。 ... [详细]
  • 在 Windows 10 中,F1 至 F12 键默认设置为快捷功能键。本文将介绍几种有效方法来禁用这些快捷键,并恢复其标准功能键的作用。请注意,部分笔记本电脑的快捷键可能无法完全关闭。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 本文探讨了如何像程序员一样思考,强调了将复杂问题分解为更小模块的重要性,并讨论了如何通过妥善管理和复用已有代码来提高编程效率。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
author-avatar
wtc21232
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有