有时候我们经常会看到别人在输入数据的时候，只需要点击选择一下就可以了，但是单我们这边可能就需要各种文字输入，不仅影响效率也影响表格文字规范，对后期数据汇总都会造成很大的麻烦。今天就教大家学习一下，如何制作下拉菜单选项

一：一级下拉菜单栏制作

第一步：选择需要制作下拉菜单栏的区域，点击数据—数据有效性—清单/序列；

第二步：数据区域选择对应的一级栏目即可。

二：二级下拉菜单栏制作

学完上面的一级下拉菜单选项的之后，我们需要根据之前选择的选项，对应的下一级选项固定对应的内容选项，那就需要学习用到二级菜单栏制作方法。

第一步：先按照一级菜单栏的方法制作一级下拉菜单栏；

第二步：选择一级栏和二级菜单栏区域，因为一级菜单栏目录为左边一列。所以点击公式—根据所选内容创建—最左列。

第三步：选择需要制作二级菜单栏的区域，点击数据—数据有效性，选择序列，来源使用公式=Indirect(H3)，H3也就是一级栏目所在位置。

三：三级下拉菜单栏制作

与二级下拉菜单栏相似，当我们需要制作更高级下拉菜单选项时，我们就需要用到这个多级制作方法。

第一步：创建二级目录与三级目录的区域，

第二步：同二级下单栏制作方法，按同样的方法制作三级下拉菜单栏，数据来源同样用函数=Indirect（I3），I3为二级目录所在位置。

现在你学会了多功能下拉菜单栏制作方法吗？

在表格中设置下拉菜单不仅可以提高录入效率，也可以有效避免别人填错，特别是当你的表格需要分发给很多人填写时。这一篇文章将由浅入深详细说明WPS Excel中一级下拉菜单和二级下拉菜单的制作方法和注意事项。

一级下拉菜单

WPS表格中有个专用的插入下拉列表按钮。选中需要制作下拉菜单的单元格，点击“插入下拉列表”，手动输入下拉选项，或选取单元格数据作为下拉菜单选项，即可快速制作出一级下拉菜单。

如果你用的是Excel，就只能选择“数据验证”或“有效性”，设置“允许”为“序列”，接着输入来源。如果你选择手动输入“来源”中的内容，请以英文半角逗号分隔。

二级下拉菜单

二级下拉菜单的选项要根据一级下拉菜单内容而自动变化。因此我们需将一级下拉菜单的选项定义为名称，再使用INDIRECT函数引用它。

步骤1：如图，需要将数据整理成“E1:H5”或“E8:I11”，也就是说省份名称在第一行或在最左侧。接着选中省份和地区数据，按“Ctrl + G”，设置定位条件为“常量”，选中所有的非空单元格。

步骤2：点击“公式”菜单下，名称管理器旁的“指定”（Excel中请点击“根据所选内容创建”），选中“最左列”复选框，点击“确定”之后，就会自动生成以省份为名的名称管理器。

步骤3：再次制作一级下拉菜单，来源中填写“=INDIRECT($B2)”，即可完成二级下拉菜单的制作。

三级下拉菜单的制作方法和二级相同哦。

注意：

表格中的名称命名时要求以字母或下划线开头，不得有空格和不允许字符，因此作为一级下拉菜单的选项也必须符合这个要求。必须先随意选择一个一级下拉菜单选项后，才能制作出二级下拉菜单，否则，就会遇到“列表源必须是划定界后的数据列表……”这样的错误。

筛选了下拉菜单内容后，按Delete键可以清空。要删除时，只需复制一个空白单元格，粘贴上去即可（偷懒办法，哈哈）。

谢谢阅读，每天学一点，省下时间充实自己其他能力。欢迎点赞、评论、关注和点击头像。

针对某学员，找了一份很复杂的制作下拉菜单教程，有感而发。

下拉菜单很好用，可以让你更高效、更准确的输入数据。不过，如果没有简单的教程，你会走入误区。

1.对同一列已经输入过的内容，制作下拉菜单。

这种情况下，直接按快捷键Alt+↓，就可以选择内容输入。

如果记不住快捷键，右键，单击从下拉列表选择也可以实现。

2.对旁边的区域引用，制作下拉菜单。

选择区域，单击数据→数据验证（低版本叫数据有效性），序列，来源选择分类所在区域，确定。这样就可以进行选择内容输入。

如果分类的内容不断增加，是不是要用函数OFFSET+COUNTA组合？

不需要的，那种方法是给那些“高手”用的，普通人自有简单的解决方法。将来源改成=$F$2:$F$300，这样就保证，你增加的内容都包含在这个区域里面。

分类这里增加了Excel不加班和卢子，下拉菜单照样可以选择。

有读者可能会说，你这样做了以后，下拉菜单下面会出现空白。

不过，这又有什么影响呢？有内容的都在上面，而空白在最下面，几乎没影响。

3.下拉菜单的局限性以及取代方法。

下拉菜单是针对10个选项以内的，如果选项非常多，下拉菜单的便利性就体现不出来，需要找一阵子才行。

针对这种情况，卢子以前是这么操作的。做一个对应表，然后输入序号，借助VLOOKUP函数引用番号。其实，这里的番号更多时候是产品名称，产品名称一般都很长，用序号会更方便。

不过这个方法，也有一个小缺陷，就是前期你要看一下对应表。只有当对这个表牢记于心的时候，才能真正体现出便利。

如果想将Excel单元格中输入的内容限制在几个选项之一，可以用Excel中的数据有效性功能制作一个下拉列表，还可以设置让Excel在发现用户输入了非限制选项的内容时自动弹出提示，下面以Excel2007为例介绍如何操作：

例如：为了便于统计，要将某个Excel表格中“年龄”列的内容限制在20-29岁、30-39岁、40-50岁这几个阶段。则“年龄”列内填写的内容只能限制在20-29岁、30-39岁、40-50岁这几个选项。

●先选择“年龄”列中要输入内容的单元格范围。

●选择单元格范围后点击打开Excel的“数据”选项卡。

●点击数据选项卡中“数据有效性”按钮中的“数据有效性”选项。

●弹出数据有效性对话框后，应打开“设置”选项卡。

●点击“允许”处的下拉按钮。

●点击下拉菜单中的“序列”。

●最好保持勾选“允许”处右侧的“提供下拉箭头”复选框。否则设置后将不会显示单元格旁的下拉箭头。

●在“来源”处可输入下拉列表中的选项，各选项之间用英文的逗号隔开（注意不能用中文格式的逗号做为各选项的分隔符）。

●也可以之前在Excel表格任意相邻的单元格中输入好下拉列表中的选项，然后点击“来源”处右侧的按钮。

●用鼠标框选已输入各选项的单元格范围。

●框选后，单元格范围表达式就会显示在“来源”处，此时再点击一次“来源”处右侧的按钮，或者按键盘的回车键。

●此时会回到“数据有效性”对话框，用鼠标点击对话框中的“确定”按钮。

●这样，下拉列表就设置好了。此时点击年龄列中的单元格，其右侧就会出现一个下拉箭头。

●点击下拉箭头就会弹出设置好的下拉列表，点击其中的选项即自动在单元格中填入该项内容。

●为了避免输入错误的数值，还可以设置输入错误值时让Excel自动提示。方法是：点击打开“数据有效性”对话框中的“出错警告”选项卡。

●保持勾选“出错警告”选项卡中的“输入无效数据时显示出错警告”复选框。在“错误信息”处输入出错时要显示的信息。

●这样，当输入非下拉列表中的内容时，Excel就会自动弹出一个显示上述信息的提示框，提示用户按要求填写表格。

什么是下拉菜单？显示子菜单的导航

下拉菜单是一种导航功能，当单击主菜单项时，子菜单项在下面展开。它也被用作各种软件的主菜单，可以说它是一个非常通用的UI（用户界面）。

下拉菜单是用作各种软件主菜单的通用功能

在下拉菜单中，这样子菜单扩展，如果在发布菜单栏到网站的时候通过，将作为易于操作和易于理解的导航。

下拉菜单也在许多网站上使用

如果您有一个下拉菜单，只需将鼠标放在菜单项上即可显示子菜单，您可以有效地访问网站内的角落和页面。特别是对于具有大量页面的网站，它可以方便地用作掌握网站结构和快捷必要信息的方式。

大型网站中常用的下拉菜单示例

与鼠标移动相关联的下拉菜单中存在不便之处

如果您只是在鼠标点击菜单项时展开子菜单，只是在从菜单项中删除鼠标时删除鼠标，则可以单独使用HTML + CSS来使用JavaScript。该方法在“ 如何使用HTML + CSS制作下拉菜单 ”一文中进行了解释。

还有一种方法可以在不使用脚本的情况下使用HTML + CSS创建下拉菜单

但是，使用此方法，鼠标指针会暂时从菜单项中消失，子菜单项会自动关闭。如果子菜单由于鼠标的轻微误操作而无意中消失，则用户可能会感到压力。

制作一个易于使用的下拉菜单，不会随意消失

因此，它是一个下拉菜单，您可以使用以下三个操作。

当鼠标悬停在菜单项上时，子菜单会自动打开即使鼠标从菜单项的顶部消失，子菜单也保持不变如果单击Web上的某个位置（菜单区域外部等），子菜单将消失

在这种情况下，即使用户错误地进行鼠标操作，子菜单也不会随意消失，因此您不会失去易用性。除此之外，还保持了根据鼠标操作立即显示子菜单的便利性。仅使用HTML + CSS无法创建此类行为，因此您需要一起使用脚本。

使用jQuery轻松创建易于使用的多级下拉菜单

您可以使用JavaScript制作上述行为的下拉菜单。

将鼠标放在菜单项上时，将显示相应的子菜单如果单击页面中的某些内容，请关闭子菜单

jQuery 是一个着名的JavaScript库，只需很短的源代码即可轻松实现。

易于使用jQuery创建

这一次，我们将向您展示如何使用jQuery将易于使用的下拉菜单功能添加到Web上的菜单栏中。

■ 创建下拉菜单的显示示例本文中创建的下拉菜单如下图所示。我们还有示例页面，因此请尝试使用浏览器进行操作。→ 使用jQuery（多级）下拉菜单的示例页面

使用jQuery创建的下拉菜单示例（多级）

只需将鼠标放在菜单栏上的每个项目上，都会自动打开子菜单。它甚至可以使用三个或更多级别的大型菜单结构。即使将鼠标移动到菜单范围之外，子菜单也不会被任意关闭，并保持如下所示。打开后，当打开另一个子菜单或用户单击页面中的某个位置时，子菜单将关闭。

即使鼠标从显示菜单项的范围中脱离，子菜单也不会任意关闭且易于使用

您可以使用jQuery轻松创建这样一个易于使用的下拉菜单。只需要编写9个JavaScript源代码。

这次创建下拉菜单的功能

使用CSS装饰HTML“列表”，使其显示为下拉菜单

构成下拉菜单的HTML源是使用ul元素和li元素以列表的形式制作的。它用CSS装饰，最后用JavaScript（jQuery）来运行它。在JavaScript不起作用的环境中，它显示为没有子菜单的简单菜单栏。仅仅因为子菜单没有出现，就没有显示器崩溃的东西，所以你可以自信地使用它。

■ 备注：名称是下拉菜单？还是下拉菜单？下拉菜单有时称为下拉菜单。但是，当在网上说下拉菜单时，似乎在很多情况下，它指向用于项目选择的UI，其中通过单击箭头[▼]部分向下展开列表，如下所示。此下拉菜单也称为选择框。

HTML创建下拉菜单及其显示示例（县名选择列表）

在本文中，它与此下拉菜单区别开来，并使用名称“下拉菜单”编写。

如何使用jQuery创建一个易于使用的下拉菜单

让我们看看如何按顺序制作下拉菜单。只需编写基本HTML源代码，使用CSS进行装饰，然后编写用作下拉菜单的JavaScript。

1.描述下拉菜单的HTML源代码

第3步中的第一步

首先，为下拉菜单编写HTML源代码。期望使用HTML ul元素和li元素以列表的形式描述菜单的内容。这是因为它更容易表达主菜单中包含子菜单的层次结构。

例如，它具有以下HTML结构。

• 主菜单第1项
• 主菜单第2项
• 主菜单第3项
  • 子菜单第1项
  • 子菜单第2项
  • 子菜单第3项
    • 孙子菜单项目1
    • 孙子菜单第2项
    • 孙子菜单第3项
    • 子菜单第4项
    • 子菜单第5项
    • 主菜单第4项
    • 主菜单第5项

      列表中的第一个层次结构成为主菜单，第二个层次结构成为子菜单，第三个层次结构成为孙子菜单。如果您创建了本文中介绍的下拉菜单，则可以在任意数量的级别中进行深入的菜单结构。要稍后使用CSS或来自JavaScript的控件添加装饰，将属性“class =”ddmenu“”添加到第一层的ul元素中。

      下拉菜单创建示例的HTML源代码

      在本文中，作为下拉菜单的特定创建示例，

      主菜单（第1级）项目是5项，子菜单（第二级）项目是0到4项，孙子菜单（第3级）项目是0到5项，后代菜单（第4级）项目为0到3项

      我们准备了一个四级层次结构。最终的显示示例如上页所示，如下所示。

      使用jQuery创建的下拉菜单示例（多级）

      实现这一点的HTML源如下。所有链接都是“＃”。在实际使用中，请自由重写列表的结构和每个链接的内容。

      • HOME
      • 新闻
        • 新製品 »
          • ハードウェア
          • ソフトウェア
        • 新サービス
        • 弊社について
      • 製品技術
        • ハードウェア »
          • 法人向け
          • 個人向け
        • ソフトウェア »
          • for Windows
          • for Mac
          • for Android
          • for iOS
          • その他
        • ウェブサービス
      • 会社情報
        • 会社概要 »
          • グループ概要
          • 本社概要
        • 社長挨拶
        • 沿革
        • 所在地 »
          • 本社
          • 支社
      • お問い合わせ
        • よくあるご質問 »
          • サービスに関して
          • 弊社に関して
          • その他
        • お問い合わせ先 »
          • 大阪本社
          • 支社 »
            • 神戸支社
            • 京都営業所
            • 奈良営業所

            在浏览器中查看上述源代码时，如下图所示。由于我们还没有装饰任何东西，它只显示为HTML格式的标准“项目符号列表”。

            仅显示HTML源将显示为项目符号列表

            2.描述CSS源代码，使其看起来像下拉菜单

            三步中的第二步

            接下来，让我们编写一个CSS源来装饰，就像下拉菜单一样。这里描述的装饰大致分为以下五种类型。

            A.整个菜单栏的装饰B.主菜单项的装饰C.整个子菜单的装饰D.子菜单项的装饰E.孙子菜单整个装饰

            我们将依次介绍每一个。■在类名为“ddmenu”或更少的CSS源中，假设将属性“class =”ddmenu“”添加到第一层的ul元素以创建菜单。如果您更改为其他类名，请同时修改以下CSS源。类名不会特别添加到子菜单下面的层次结构中。■ 将★添加到要复制和粘贴的部分而不进行修改CSS源可以根据需要自由修改，添加和删除。但是，★标记会添加到需要复制和粘贴的位置而不进行修改。请不要删除或覆盖它。

            A.整个菜单栏的装饰

            首先，描述装饰菜单栏的CSS源。由于每行的含义是在源代码中以注释的形式编写的，请参阅自定义。

            ul.ddmenu { 保证金：0px; / *菜单栏外的保证金（零）* / 填充：0px 0px 0px 15px; / *边距在菜单栏内（15px左侧）* / background-color：＃cc0000; / * bar的背景颜色（深红色）* /}

            成为主菜单的第一层的ul元素也是构成整个菜单栏的元素。在此示例中，深红色（＃cc0000）被指定为背景颜色（背景颜色）。此外，为了在第一项的左侧提供一些余量，我们使用填充属性仅在左侧提供15px的余量。在实践中描述时，请随意设计任何部件。

            B.主菜单项的装饰

            接下来，描述装饰主菜单的每个项目的CSS源。请复制并粘贴标有★的行，不要重写。

            ul.ddmenu li { 宽度：125px; / *菜单项宽度（125px）* / 显示：内联块; / *★并排排列* / list - style - type：none; / *★擦除列表的第一个符号* / position：relative; / *★使其成为子菜单显示的参考位置* /}ul.ddmenu a { background - color：＃cc0000; / *菜单项的背景颜色（深红色）* / 颜色：白色; / *菜单项的文字颜色（白色）* / line-height：40px; / *菜单项链接高度（40px）* / text-align：center; / *在主菜单中排列字符串（中）* / text-decoration：none; / *装饰菜单项（下划线）* / font-weight：bold; / *使其加粗* / display：block; / *★使项目内的整个区域可链接* /}ul.ddmenu a：hover { background-color：#ffdddd; / *当鼠标放在菜单项上时的背景色（淡粉色）* / 颜色：#dd0000; / *字体颜色（深红色）当鼠标放在菜单项上时* /}

            通过在显示属性中指定值“内联块”，主菜单中的每个项目（li元素）在水平方向上排列。此外，通过在position属性中指定值“relative”，它基于动态显示子菜单的位置。如果您忘记了此说明，请注意子菜单不会显示在正确的位置。另外，为了使每个项目的大小均匀，通过在width属性中指定值“125px”来固定宽度，但您可以在此处自由修改它。

            C.整个子菜单的装饰

            接下来，描述装饰整个子菜单的CSS源。请不要修改任何行。

            ul.ddmenu ul { 保证金：0px; / *★子菜单以外的保证金（零）* / 填充：0px; / *★子菜单内的边距（零）* / display：none; / *...

朋友们

在Excel的运用中

下拉菜单你们用的多不多

当老师要查找某个班的某个学生时

看到那么多班级、那么多名字

是不是眼都要花了

当你想看某个省份有没有某个城市时

看到表格中密密麻麻的数据

是不是不知道从何下手

所以这时

下拉菜单就派上用场了

让你在第一时间就

找到你需要的数据

小编想大声说

下拉菜单真的是

一项非常好用的功能

在不用手动查找的情况下

不仅可以看到哪些

数据可以直接选择

而且选择起来还方便快捷

真的是Excel的一大利器

所以

不好好掌握下拉菜单的用法

可就太说不过去了

今天小编就给大家带来两种

制作Excel二级下拉菜单的方法

赶紧学起来吧

首先

先了解几个概念

数据有效性

又称数据验证

是对单元格或单元格区域

输入的数据

从内容到数量上的限制

对于符合条件的数据，允许输入

对于不符合条件的数据，则禁止输入

IF函数

根据指定的条件来判断其真假

从而返回相应的内容

INDIRECT函数

是对引用进行计算

并显示其内容

INDIRECT函数有以下几种用法

1.返回由文本字符串指定的引用

例：在C3单元格中输入

=INDIRECT($A$3,TRUE)

就返回A3单元格中对应的B4数据

2.单元格中数据的引用

例：在B3单元格中输入

=INDIRECT("A3")

就引用了A3单元格中的数据

3.变量行号的引用

例：在B3单元格中输入

=INDIRECT("A"&B2)

当B2是2时就返回A2的内容

当B2是3时就返回A3的内容

以此类推

制作EXCEL二级下拉菜单的方法

方法一：

数据验证+INDIRECT函数

（适合数据比较多的）

在下列Excel表格中

选中A1：C8

按快捷键F5或CTRL+G

弹出【定位】对话框

在弹出的【定位】对话框中

点击【定位条件】

弹出【定位条件】对话框

在【定位条件】对话框中

选择【常量】

点击确定

效果如下

点击【公式】菜单—【根据所选内容创建】

弹出对话框

在弹出的对话框中

选择【首行】

点击确定

鼠标定位在E3单元格中

点击【数据】—【数据验证】

在【数据验证】对话框中

【允许】选择为【序列】

【来源】中输入【=年级】

点击确定

效果如下

鼠标定位在F3单元格中

点击【数据】—【数据验证】

在【数据验证】对话框中

【允许】选择为【序列】

【来源】中输入【=INDIRECT($E$3)】

最终效果如下

方法二：

数据验证+IF函数

（适合数据比较少的）

同样先进行定位条件和首行设置

跟方法一相同

鼠标定位在E3单元格中

点击【数据】—【数据验证】

在【数据验证】对话框中

【允许】选择为【序列】

【来源】中输入【一年级,二年级】

鼠标定位在F3单元格中

点击【数据】—【数据验证】

在【数据验证】对话框中

【允许】选择为【序列】

【来源】中输入【=IF(E3="一年级",$B$2:$B$4,$C$2:$C$8)】

最终效果如下

以上这两种

制作Excel二级下拉菜单的方法

一种适合数据多的

一种适合数据少的

当然

方法肯定不只这两种

只是这两种容易理解

操作起来也最简单

在节约时间的基础上

快速找到自己需要的数据

所以

制作下拉菜单的方法你学会了吗

如果还不会的话

你对得起这么好用

又强大的功能吗？

心事留言，小编答你

我们在互联网项目开发中经常需要用到下拉菜单，下拉菜单有很多优点：

不占地方，不需要做输入验证，所有平台都支持，用户也都很熟悉其使用方法。

然而与之同时，下拉菜单又是最容易被错误使用的表单组件。在此给大家分享下拉菜单的适用场景、设计技巧以及一些漂亮的实例。

什么时候适合用下拉菜单？

1、陈列子页面

下拉菜单通常适用于陈列所有需要展示的子页面，相当于一个子导航菜单，如下图：

2、博客内容分类

许多博客都会选择用下拉菜单来进行分类和罗列标签。这是因为博客里面通常会有大量的内容，所以博客排版应以简洁、清晰为好，而下拉菜单能将布局元素外的链接集合起来。

3、电商网站商品陈列

许多电商网站也会使用下拉菜单来展示产品或者产品类别。以Best Buy网站为例：

什么时候不适合用下拉菜单

1、二元选择题（是/否）

建议使用复选框或开关。

2、五个以内选项

建议使用单选框或分段选择器，这样就能一眼看到所有选项，而不需要去打开列表

3、选项较多且指向性明确

如果用户知道他们找的是什么，可以考虑采用可输入的解决方案。即允许用户输入，并在输入的同时过滤出可能的答案，这样可以节省翻阅长列表的时间。

4、纯数值

通常来说，在手机上使用数字键盘输入纯数值会比在菜单中选择数值更加快一些。

5、精确数值

对于精确数值（如购物车里的商品数量），可以使用计数器来让用户快速对数字进行增减。

6、不精确数值

对于不精确的数值，可以使用滑块。

设计下拉菜单时需注意

1、尽量不要使用交互式下拉菜单

交互式下拉菜单指在同一页面内，用户选中某一菜单中的选项后，另一菜单的选项也会跟着变化。网页界面内的选项变来变去，就容易让用户看得眼花缭乱、抓不住重点。

2、让禁用的选项变灰

任何不可选择的选项都应该变灰，而不是把它们删掉。另外，如果用户将鼠标悬停在灰色选项上超过一秒钟，可以考虑用一个简短的提示信息来解释该选项为何被禁用。

3、保留菜单标签/说明

打开下拉菜单时，最好是标明菜单标签或说明。菜单标题能有效地提醒用户，他们刚刚选择了什么内容。如果菜单打开后标签消失了，用户就得打断操作、去回忆到底该选择什么选项。

4、支持键盘输入

应支持键盘输入和按键，以在下拉菜单内进行导航 。在下拉菜单中，访问键应允许用户在不使用鼠标的情况下快速选择可见选项。在下拉框中，用户应该能够键入字母、并快速导航到以该字母开头的选项。

5、合理排列选项

把选择人数最多的选项放在最顶上，或者干脆把最有可能的答案作为默认选项。

6、精简步骤

例如，如果用户已经输入了信用卡号码，就不需要再选择信用卡类型。

下拉菜单原型设计

在原型工具Mockplus中，有两种设计下拉菜单的办法。

第一种，下拉列表框。直接从组件面板中拖出一个下拉列表框，双击编辑文字内容即可。这个办法方便快捷，但是仅适用于简单的罗列文字的下拉菜单。

第二种，下拉选择+弹出面板。从组件面板中拖出一个下拉选择组件和一个弹出面板，在弹出面板中编辑出下拉菜单的下拉内容，再将弹出面板同下拉选择组件进行拼凑、交互。这个办法相对复杂，但是弹出面板中可以添加多种形式的内容，可以用来制作各式各样的下拉菜单。如下图就添加了矩形和图标。

需要注意的一点是，弹出面板的定位策略应设置为“相对于原组件”，否则点击后弹出面板会从别处而不是从下拉选择组件底部弹出。

下拉菜单UI设计案例

以下搜集了一些漂亮的UI设计案例，有的细节非常漂亮，有的动画效果很棒，可以参考一下。

Goutham：

Ennio Dybeli：

Alan Podemski：

Martin Bonov：

irene georgiou：

Hila Peleg：

Oleg Frolov：

Masudur Rahman：

南昌雅腾教育专注php软件开发、web前端开发技术培训

小班授课+手把手辅导+企业项目实战

零基础、4个月、包教会、推荐就业

在 Excel 中，制作一些有选择分类功能的表格时，需要制作下拉菜单，以便于每一行选择和减少输入，那么 Excel下拉菜单怎么做？这主要用公式中的定义名称和数据中的数据验证两项功能，用这两项功能可以制作出一级、二级、三级甚至更多级下拉菜单，并且两功能操作都有快捷键。另外，在制作下拉菜单过程中，作为数据源的表格可能有空白单元格，而空白单格又不能选中，因此不能用框选，需要用定位条件来选择。制作好下拉菜单后，可能还会遇到需要把它们删除的情况，Excel 虽然没有提供直接的方法，但可用间接方法删除。以下就是 Excel下拉菜单怎么做与如何删除的具体方法，操作中所用 Excel 版本为 2016。

一、Excel怎么制作一级下拉菜单

1、假如要制作一个部门的下拉菜单。首先在一个单元格（如 D1）输入“部门”，然后单击“D2 单元格”，选择“数据”选项卡，单击“数据工具”上面的“数据验证（或按 Alt + A + V + V，按住 Alt，按 A 一次，按 V 两次）”，打开该窗口，单击“允许”下拉列表框，选择“序列”，单击“来源”输入框，框选 E1：E3 作为“部门”下拉菜单的数据来源，单击“确定”，D2 右边出现一个下拉列表框图标，则一级下拉菜单制作好了，单击下拉列表框图标，弹出刚才框选的选项，选择“销售部”，则它作为当前选项填充到 D2；操作过程步骤，如图1所示：

2、从以上操作可知，Excel下拉菜单制作的基本思路为：首先准备用于下拉菜单的数据，其次把数据引用到用于制作下拉菜单的单元格，如上面的 D2。

二、Excel怎么制作二级下拉菜单

假如要制作一个服装类型的二级下拉菜单，一共有两张表，一张是用于制作一二级下拉菜单的数据表（“服装类型”表），另一张是服装销售情况表（服装表），制作方法如下：

1、把用于一二级下拉菜单的数据定义为名称。切换到“服装类型”表，选中所有内容，选择“公式”选项卡，单击“定义的名称”上面的“根据所选内容创建（或按 Ctrl + Shift + F3）”，打开“以选定区域创建名称”窗口，只勾选“首行”，单击“确定”，定义名称完成。

2、给一级下拉列表框设置数据源。选择窗口左下角的“服装表”选项卡切换到该表，选中 C2 单元格，单击“窗口下面的“服装类型”选项卡切换到该表，选择“数据”选项卡，单击“数据验证”，打开该窗口，选择“设置”选项卡，单击“允许”下拉列表框，选择“序列”，再单击“来源”下的输入框，框选“女装和男装”，把它们作为一级下拉列表框的数据源，单击“确定”，第2步操作完成。

3、给二级下拉列表框引用数据源。切换回“服装表”，选中 D2 单元格，单击“数据验证（或按 Alt + A + V + V，按住 Alt，按 A 一次，按 V 两次）”，打开该窗口，同样选择“允许”下拉列表框中的“序列”，在“来源”下面输入 =Indirect($C2) 以对 C2 的引用，单击“确定”，第三步操作完成。

4、把制作好的二级下拉菜单扩展到多单元格。选中 C2 和 D2 单元格，往下拖单元格填充柄，所经过的所有单元格都自动设置为二级下拉菜单，选中时，它们的右边都有一个指示下拉菜单的图标，单击该图标会弹出一些选项，这样二级下拉菜单就制作好了，全程操作步骤，如图2所示：

5、用作数据源的选项有空格的选择方法

通常情况下，每种类型的子类个数不一定相同，而 Excel下拉菜单的数据源又不允许有空值，再用框选的办法就行不通，因为框选会把空单元格一并选中，此时就需要用定位条件来选择，方法如下：

按 Ctrl + G 组合键，打开“定位”窗口，单击“定位条件”，在打开的窗口中选择“常量”，单击“确定”，则只选中有文字的单元格，操作过程步骤，如图3所示：

三、Excel把以上制作的二级下拉菜单改为三级

上面已经制作好了二级下拉菜单，只需再添加一级就可以制作出三级下拉菜单，操作方法如下：

1、在“服装类型”表中添加三级下拉菜单的引用数据源。“女装和男装”的二级类分别有五个和四个，这里只添加“女装”的“连衣裙、衬衫和雪纺”的子类作为演示用，添加好后，如图4所示：

2、选中所添加的数据，按 Ctrl + Shift + F3 组合键，打开“以选定区域创建名称”窗口，只勾选“首行”，如图5所示：

3、按回车，切换到“服装表”，选中 E2 单元格，按住 Alt，按 A 一次，按 V 两次，打开“数据验证”窗口，选择“设置”选项卡，“允许”选择“序列”，在“来源”下面输入 =INDIRECT($D2)，如图6所示：

4、单击“确定”，则第三级下拉菜单制作好了，单击 E2 右边的下拉菜单图标，会弹出二级下拉菜单的当前选项“衬衫”的子选项，如图7所示：

5、选择“长袖”，然后按住 E2 右下角单元格填充柄并往下拖，则后面的单元格也自动变第三级下拉菜单，别选择好选项后，如图8所示：

提示：若二级下拉菜单没有子选项，则单击添加的三级下拉菜单不会弹出选项。

四、Excel下拉菜单怎么删除

1、选中有下拉菜单的单元格，例如 C2，选择“开始”选项卡，单击“清除”图标，在弹出的选项中选择“全部清除”，如图9所示：

2、则下拉菜单被删除，单元格的内容和格式同时也被删除，如图10所示：

3、若要一次删除多个下拉菜单，按住 Alt，同时选中它们，再单击清除图标选择“全部清除”即可。

各位小伙伴

今天咱们来做一个下拉列表

JS实现下拉列表

首先来给列表添加内容

这边设置了三个选项栏，里面的内容我都隐藏起来了~想看我隐藏的是什么内容吗？接着往下看吧~

给页面设置样式，中间的调试步骤就省略了。感兴趣的小伙伴，可以自己来调试一下，感受一下~

页面效果：

静态页面的效果咱们就做完了，现在利用 JavaScript 来给它添加动态的效果。

这段 JS 的代码的作用是：

创建一个数组 aA 获取类名为 .main 的 p标签下的 ul 标签下的 li 标签下的所有的 a 标签。创建一个 aLi 数组，获取类名为 .main 的 p 标签下的 ul 标签下的所有 li 标签（其中 .main 是 p 标签的类名，p ul li 都是 HTML 中的常用标签这边不做解释哈~）

外层的 for 循环，给所有的 a 标签添加一个点击事件，当我们点击页面上的 a 标签（美女、男神、爱好）的选项时，弹出该列表选项下的内容，并且改变所选列表选项的背景色~

内层的 for 循环，当我们点击其他选项时，收起之前展开的列表~

效果：

再添加一个效果，当我的鼠标移入的时候，所处的选项变换背景颜色。

获取类名为 .main 的 p标签下的 ul 标签下的 li 标签下的所有的 dt 标签。然后利用 for 循环，当鼠标移入的时候，把所有的 dt 标签的背景色设置成#ccc，只把鼠标移入的这一个 dt 标签的背景色换成 #ff4500。

现在看起来是不是好看多了，现在我们的下拉菜单，只能实现点击展开的功能，并不能点击合并。

我们在代码中设置一个标记开关 onOff ，当 onOff = true 时，表示这个选项列表的状态是关闭的，当 onOff = false 时，表示这个选项列表的状态是打开的。

我们的代码逻辑是:

当我们点击这个列表选项的时候，如果 (if) 它的状态是 onOff = true，就给它设置关闭状态下的样式，并且使用 for 循环使所有的选项都是 onOff = true 状态，把当前的选项，设置成打开的样式，更新开关使 onOff = false，否则(else) 给它设置成关闭状态的样式，并且让 onOff = true。

效果：

今天的分享就到这了

伙伴们再见了

Excel表格中下拉菜单是个非常实用的功能，它可以让你快速选择你需要的选项，避免输入错误。以下表为例，E、F、G三列有部门和人员的数据，现在希望在A列制作一个下拉菜单，选项为部门名称；在B列制作一个二级下拉菜单，当A列选择好部门之后，B列下拉菜单中会显示A列部门对应的人员名单。怎样制作一级下拉菜单和多级下拉菜单呢？

一、制作一级下拉菜单。

1. 选中A2单元格，点击“数据”--》“数据验证”--》“数据验证(V)”。

2. 在弹出的数据验证窗口中，选“序列”为验证条件，选部门所在单元格为“来源”，也可以在“来源”框中直接输入部门名称。注意如果直接输入来源，来源选项之间需用英文半角逗号分隔。最后点击“确定”，部门下拉菜单就制作好啦，如图1-4。

二、制作多级下拉菜单。

1. 选中E、F、G三列所有数据，同时按Ctrl+G调出定位窗口，然后设置“定位条件”为“常量”。

2. 点击“公式”--》“根据所选内容创建”--》“首行”--》“确定”。

3. 这样，我们打开“公式”下的“名称管理器”，就会看到创建了几个名称。Excel中名称的命名有三个原则：1) 开头为字母或下划线；2) 不包含空格或不允许字符；3) 不与工作簿中的现有名称冲突。因此原始数据中部门名字命名也必须要满足这三个原则，否则上述步骤2中创建名称管理器就会出错。

4.选中B2单元格，点击“数据”--》“数据验证”--》“数据验证(V)”，再次制作一个一级下拉菜单，选“序列”为验证条件，“来源”框中输入“=INDIRECT($A2)”，最后点击“确定”，二级下拉菜单就制作好啦。

5. 选中A2-B2，向下填充，复制单元格内容。这样当A列选了部门之后，B列下拉菜单中就只会出现该部门下的人员清单啦。

如果还想制作三级下拉菜单，例如制作地址管理表（省\市\县），请参考二级下拉菜单制作方法。