Excel 多级联动下拉列表的实现

做表格时想实现下拉框,并且具有联动的下拉,如省市县这种联动的下拉列表

看效果:

核心就是两个步骤:创建数据、引用数据 


一、创建数据

简单来说就是准备好点击弹时出的数据
这些数据不是凭空来的,需要创建

步骤:

第一步:切换到sheet2
第二步:创建两个数据块,省市数据块,市县数据块。(为了介绍多种实现,用了两种排版,横版和竖版)
第三步:导入数据到名称管理器

Gif 示例(F5或Ctrl+F5刷新从头开始)

说明:

上面两个数据块的排版是不一样的,区别就是:
第一个标题在第一行,第二个的标题在最左列。
对应的操作:标题在首行就勾选【首行】,在最左列就勾选【最左列】
完了之后可以看看名称管理器的内容(如下则表明成功将数据导入名称管理器)


二、引用数据

1、切换到sheet1, 创建联动表

2、添加数据源

数据源来源有两处:sheet2和名称管理器

2.1设置一级菜单数据

第一步:框选选择省的两个格
第二步:【数据】>【数据有效性】>【数据有效性】>【序列】>【来源】>选择sheet2的两个省

Gif示例

2.2、设置二三级菜单数据

第一步:框选选择市的两个格
第二步:【数据】>【数据有效性】>【数据有效性】>【序列】>【来源】填 =INDIRECT($A2)
=INDIRECT($A2):表示引用名称管理器的数据,A2就代表上一级的数据。
第三步:框选选择县的两个格
第四步:【数据】>【数据有效性】>【数据有效性】>【序列】>【来源】填 =INDIRECT($B2)
=INDIRECT($B2):表示引用名称管理器的数据,B2就代表上一级的数据。

说明

INDIRECT($A2):表示用A2的数据去查询名称管理器的”名称”, 如果匹配上就返回该名称对应的”数值”

Gif示例

2.4、完整Gif(F5或Ctrl+F5刷新从头开始)


三、结束

如果需要更多级的联动,方法同上

另外,如果需要升级完善,请看我的另一篇博文:

Excel当上级菜单变动时,实现自动清空下级菜单内容【宏实现】

🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌---🐌

👨‍🌾本文结束,希望有帮到阁下。更多问题可以到我博客来搜索

👉【点击搜索

👉【进入博客

如果有用,求关注👇    感谢🙏

Vue级联选择器是一种常见的前端交互组件,它可以根据用户的选择态加载相关数据并实现级联效果。在Vue中,可以使用一些库或组件来实现这样的功能,比如element-ui、vue-cascader等。 下面是一个使用element-ui库实现Vue级联选择器的简单示例: 1. 首先,确保你已经安装了element-ui库。可以通过npm或yarn进行安装: ```bash npm install element-ui ``` 或 ```bash yarn add element-ui ``` 2. 在Vue的入口文件(一般是main.js)中引入element-ui和相关样式: ```javascript import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 3. 在组件中使用el-cascader组件实现级联选择器: ```vue <template> <div> <el-cascader v-model="selectedOptions" :options="options" @change="handleCascadeChange" ></el-cascader> </div> </template> <script> export default { data() { return { options: [], // 存储级联选择器的选项数据 selectedOptions: [] // 存储用户选择的值 }; }, methods: { handleCascadeChange(value) { // 根据用户选择的值加载相关数据并更新选项 // 可以通过异步请求、本地数据或其他方式获取数据 // 更新options的值,以实现级联效果 } } }; </script> ``` 以上是一个简单的示例,你可以根据实际需求进行修改和扩展。在`handleCascadeChange`方法中,你可以根据用户选择的值来请求后端数据,更新`options`的值,以实现级联效果。 希望以上信息对您有所帮助!如有任何进一步的问题,请随时提问。
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cy谭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值