jquery实现前端分页、select筛选框、查询条件展示效果

jquery实现前端分页、select筛选框、查询条件展示效果：以前做的筛选条件是用很笨的方法实现的，如果筛选条件（select）的value值超多的话，我使用的是switch循环的方法，导致代码冗余，最多需要几百行代码或上千行代码实现功能需求，代码质量很低。现在使用的是自己写的函数封装的方法，只是js代码最多也就150多行，实现分页、select筛选框、查询条件，希望对前端初级开发人员和前端小白又帮助。

实际效果：查看入口：查看方式

我的github完整代码：

js代码：https://github.com/eight1302/select_query_page

//分页展示数据
var page = 10;


//页面title（标题展示）
var title = '<div class="col-md-2 col-sm-2 col-xl-2 id">序号</div>'+
'<div class="col-md-2 col-sm-2 col-xl-2 name">名字</div>'+
'<div class="col-md-2 col-sm-2 col-xl-2 age">年龄</div>'+
'<div class="col-md-2 col-sm-2 col-xl-2 school">毕业院校</div>'+
'<div class="col-md-2 col-sm-2 col-xl-2 professional">学习专业</div>'+
'<div class=&#