万普插件库

jQuery插件大全与特效教程

动态的二级联动下拉菜单,你会么?1分钟学会

需要制作一个二级联动的下拉菜单,效果如下:

第一菜单选择不同时,第二菜单会出现对应的内容。

而且我们希望,当原始数据中的数据新增时,二级联动下拉菜单也能自动的更新。

制作过程很简单

1、准备数据

第一行的内容,为一级菜单的各个数据

二级菜单的内容分别写在对应的下方,如下所示排列

2、创建名称管理器

选中所有的数据,按CTRL+G快捷键,点击常量

然后我们在公式选项卡下,点击根据所选内容创建,然后勾选首行,点击确定

3、设置下拉菜单

我们选中一级下拉菜单列,F列,然后在数据选项卡下,点击数据验证

我们选择序列,数据来源,选择第一行数据区域,=$A$1:$D$1

选中二级下拉菜单数据区域G列,同样的操作,我们来源输入的是:

=INDIRECT(F1)

如下所示

4、新增数据,自动更新

当我们左边的原始数据里面进行新增一条信息时,右边的下拉菜单,它并不能自动的添加进去

为了解决这个问题,我们只需要用快捷键,CTRL+T搞定,比如,我们选中A1:A4单元格,然后按CTRL+T,如下所示

将每一列数据都按CTRL+T操作,然后我们再次新增一条信息时,右边的结果就能够自动的更新了

关于这个小技巧,你学会了么?动手试试吧!

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言