作者：蒋易之 | 来源：互联网 | 2023-10-14 19:34
目标：根据两个下拉框和一个输入框的内容，对BootStrap Table实现组合筛选。
思路：1.从json文件中，提取表格数据（前端提取），并存储为一个数组对象；2.遍历这个数组，提取用来对比的属性的值；3.与下拉框和输入框中取到的值进行比对，相同的数据行留下，不同的隐藏（注意下拉框中会有一项是All）
代码：
html部分：
Dept :
User :
Archive :
JS部分：
//组合筛选表格数据的函数
function jobListScreen(){
let excelData = $("#joblistExcel").bootstrapTable("getData"), //获取表格数据
deptSet = $("#jobListDept").val(), //获取dept下拉框选择的值
archiveSet = $("#jobListArchive").val(), //获取archive下拉框选择的值
userSet = $("#jobListUser").val(); //获取user输入框输入的值
for(let i = 0; i
效果展示：
参考：
BT官网获取表格数据
BT官网显示/隐藏行
json数组遍历
如有问题，欢迎指正！
京公网安备 11010802041100号