选中下拉列表显示全部数据_小白都能学会的多级下拉列表,让你的Excel效率提升百倍...

私信回复关键词【工具】,获取Excel高效小工具合集!让你的Excel效率开挂~

你有没有遇到过这样的场景?

收集上来的各部门工作进度表,里面的答案五花八门。

37d27c982570b8f02318f960b4ec29c7.png

即使在表头上进行提示规范,手动输入也十分低效。

b991cc90c562984b4c9274b83b4fe4eb.gif

有没有什么办法能够规范、高效地进行输入呢?

有!

答案就是——下拉列表!

e22c7564b3ce6011b5f03e94179b42ad.gif

这样的下拉列表怎么做?

下拉列表也分一级、二级、多级等等,我们要根据实际工作内容进行选择。

事不宜迟,我们赶紧来看看吧~

多级下拉列表

多级下拉列表中,下一级的内容能够根据上一级的内容变化而变化。

比如在下图中:

78d3fbb282793709a0a705b5b0bce631.gif
我们第一列选择了方便面,第二列中的内容就全部都是方便面的口味;第一列选择了鞋子,第二列中的内容就会变成鞋子的种类。

做出这样的多级下拉列表只需要 3 步。

Step 1:准备好参数表。

就是将你的每个下拉列表中对应的内容都准备好。

4871c9234b394d9b9842084fdd8e5e74.png
第一级的内容是第二级的表头;第二级的内容是第三级的表头;......以此类推。

Step 2:定义每一级区域的名称。

❶ 我们选中第一级所在列后,按【Ctrl】选中所有区域。

e5ba55ee5d6a3c6a35acd134ad929214.gif

❷ 在【公式】选项卡中,我们选择【定义的名称】—【根据所选内容创建】。

8ad8296727cee6260fc53d5856140ebc.gif

❸ 勾选【首行】,确定。

220170186618b0d53c03ff93fa48cb87.gif

我们可以在名称管理器里,查看刚刚创建的名称。

2019e259f888ec9a43d7aff3a31be15f.gif

这样,如果我们以后在区域内修改内容,就不用再重新设置啦~

Step 3:设置下拉列表

激动人心的时候终于要到了!

前 3 步和一级下拉列表一样。

❶ 我们选中第一列,在【数据】选项卡里打开【数据验证】。

❷ 勾选「允许」一栏中的【序列】,「来源」一栏选中第一级的全部内容。

❸ 确定,第一列就搞定了!

9e779e709e49e37918c4c956b531c55a.gif

❹ 同样,我们选中第二列,打开【数据验证】,勾选【序列】。

b76df84aaab4137895547a3015fa9668.gif

❺ 重点来了!在「来源」一栏我们需要输入:

=indirect($J1)
afeb3280cbe4d49c284db10cabe16f40.gif

其中 J1 为前一列的表头。

记得一定要删除 J1 中间的美元符号哦~

❻ 确定,多级下拉列表就做好啦~

0e6f8742296854e1265d62a1f45c059b.gif

ok,今天的分享就到这里了!

最后布置一个实践作业,请仔细看题!

cf29b1915cac4b011cd1712949126488.gif

下课!别忘了交作业鸭~

a930d69cda5a9e9514b1579148eb2a7e.png

私信回复关键词【工具】,获取Excel高效小工具合集!让你的Excel效率开挂~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
多级联动下拉列表的实现,可以通过前端的JavaScript和Ajax实现。具体实现步骤如下: 1. 在HTML页面中,定义多个下拉列表,每个下拉列表都有一个唯一的ID。 2. 在JavaScript中,定义一个函数,用于获取下拉列表数据。可以使用Ajax从后台获取数据,也可以在前端定义一个JSON对象存储数据。 3. 给每个下拉列表绑定一个事件,例如onchange事件,在事件中调用获取数据的函数,获取下一级下拉列表数据,并更新下拉列表的内容。 4. 根据选中下拉列表的值,获取下一级下拉列表需要显示数据,并将数据填充到下一级下拉列表中。 5. 重复步骤3和步骤4,直到最后一级下拉列表。 以下是一个简单的示例代码,实现了两级联动下拉列表: HTML代码: ``` <select id="province"> <option value="">请选择省份</option> <option value="BJ">北京</option> <option value="SH">上海</option> </select> <select id="city"> <option value="">请选择城市</option> </select> ``` JavaScript代码: ``` // 定义省份和城市的数据 var data = { 'BJ': ['东城区', '西城区', '朝阳区'], 'SH': ['黄浦区', '徐汇区', '长宁区'] }; // 获取城市数据的函数 function getCity() { // 获取选中的省份 var province = document.getElementById('province').value; // 获取城市下拉列表 var citySelect = document.getElementById('city'); // 清空城市下拉列表 citySelect.innerHTML = '<option value="">请选择城市</option>'; // 如果省份为空,直接返回 if (province === '') { return; } // 获取对应的城市数据 var cities = data[province]; // 填充城市下拉列表 for (var i = 0; i < cities.length; i++) { var option = document.createElement('option'); option.value = cities[i]; option.innerHTML = cities[i]; citySelect.appendChild(option); } } // 绑定省份下拉列表的change事件 document.getElementById('province').addEventListener('change', function() { // 获取城市数据 getCity(); }); ``` 以上代码实现了根据选中的省份,显示对应的城市表。如果需要更多的级联下拉列表,只需要在JavaScript中添加对应的函数和数据即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值