表格下拉_Excel(2019)表格如何设置下拉选项

为了方便快捷的输入数据,我们常常给Excel单元格添加一个下拉菜单,这样我们不必频繁操作键盘,直接点击鼠标选择选项就可以了。

1、 空白的位置,建立一个列表,包含所有选项的名称(如下图红框)。

64008b7a2d740b5a484eed4c8b6ef9ae.png

2、在课程这一栏选中一个单元格,然后点击菜单栏上面的 数据——数据验证。

e899fd12784f9591496d7d828763bfcc.png

3、在弹出的对话框中,在设置面板 允许(A)设置为序列。然后点击来源。

ae3a9963da8c6eb6a410f4f137a2bd01.png

4、我们可以看到一个预览的界面,如下图,我们可以拖拽鼠标来选中刚才建立的这个课程名称的列表,然后点击红圈所示的位置,这样就可以回到有效性的对话框。

29e3cafebdc2d5ff8f247f34a303deda.png

5、在对话框中勾选 “忽略空值”(数据源的空值不纳入下拉菜单)和“提供下拉箭头”,点击确定就完成了设定。

afe2b28c281acb9e3baad3b7a2d9fcd8.png

6、之后选中单元格,打开下拉菜单看一看是否所有的课程都在下拉菜单里面。但这样设定以后,只有一个单元格有下拉菜单。如需要以下单元格都有下拉菜单,需要向下拖动设置。

a84be8fa4e8c5bd504338e6bb3eaaefb.png

7、选中这个单元格向下拖动,这样就可以快速的设置下面的单元格。

d157f753c625de022b26e24736a81ed0.png

8、以上就是“excel(2019)设置下拉选项的方法了。

f0d857cffebee9b32169f841d588061e.png
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用JavaScript和CSS来创建类似于Excel的可下拉筛选的静态HTML表格。以下是实现方法: 1. 编写HTML代码来创建表格。每个表头单元格应该包含一个下拉菜单,用于筛选数据。例如: ```html <table> <thead> <tr> <th>名称 <select id="filter-name"> <option value="">全部</option> <option value="苹果">苹果</option> <option value="香蕉">香蕉</option> <option value="葡萄">葡萄</option> </select> </th> <th>价格 <select id="filter-price"> <option value="">全部</option> <option value="10元以下">10元以下</option> <option value="10-20元">10-20元</option> <option value="20元以上">20元以上</option> </select> </th> <th>产地 <select id="filter-origin"> <option value="">全部</option> <option value="中国">中国</option> <option value="美国">美国</option> <option value="法国">法国</option> </select> </th> </tr> </thead> <tbody> <tr> <td>苹果</td> <td>5元</td> <td>中国</td> </tr> <tr> <td>香蕉</td> <td>8元</td> <td>中国</td> </tr> <tr> <td>葡萄</td> <td>15元</td> <td>法国</td> </tr> <tr> <td>苹果</td> <td>3元</td> <td>美国</td> </tr> <tr> <td>香蕉</td> <td>12元</td> <td>美国</td> </tr> </tbody> </table> ``` 2. 使用JavaScript添加事件监听器,以响应下拉菜单的选择。当用户选择一个选项时,表格应该显示符合该选项的行,隐藏其他行。以下是示例代码: ```javascript var filterName = document.getElementById('filter-name'); var filterPrice = document.getElementById('filter-price'); var filterOrigin = document.getElementById('filter-origin'); filterName.addEventListener('change', filterTable); filterPrice.addEventListener('change', filterTable); filterOrigin.addEventListener('change', filterTable); function filterTable() { var rows = document.getElementsByTagName('tr'); for (var i = 1; i < rows.length; i++) { //从第二行开始遍历 var row = rows[i]; var name = row.children[0].textContent.toLowerCase(); var price = row.children[1].textContent; var origin = row.children[2].textContent.toLowerCase(); var nameFilter = filterName.value.toLowerCase(); var priceFilter = filterPrice.value; var originFilter = filterOrigin.value.toLowerCase(); if (name.indexOf(nameFilter) !== -1 && price.indexOf(priceFilter) !== -1 && origin.indexOf(originFilter) !== -1) { row.style.display = 'table-row'; } else { row.style.display = 'none'; } } } ``` 3. 使用CSS样式化表格,使其更美观和易于使用。以下是一个简单的示例样式: ```css table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ddd; text-align: left; padding: 8px; } th { background-color: #f2f2f2; } select { padding: 5px; } tbody tr:nth-child(odd) { background-color: #f2f2f2; } ``` 这样,就可以创建一个类似于Excel的可下拉筛选的静态HTML表格。当用户选择一个或多个选项时,表格将实时更新以显示符合条件的行。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值