（JQuery/JavaScript）按15、50、100、500筛选表或显示所有记录

下面我有一个按组名和记录数进行筛选的示例

我希望能够进行筛选，而不是不断追加和追加，筛选器应仅显示所选记录的数量，例如15、50、100、500或所有记录。当选择15然后选择100时，它将保留15条记录并附加100条记录

它的工作原理应该是：

选择

15它应该显示15条记录

然后选择100它应该保留15条记录，然后应该添加75条记录

然后

选择
50它应该删除50条记录

有人知道我哪里出了问题吗


//获取所有组名
GetPatientGroupNames（）；
//让所有病人都来
GetPatientListData（）；
//在第页上，选择初始化函数
$（文档）.ready（函数（）{
//在“选择组”上，将“助产士上次同步”列表更改为所选组
$（'#selectGroupInput'）。更改（函数（发送方）{
//获取所有组名
GetPatientGroupNames（）；
//让所有病人都来
GetPatientListData（）；
var MyObject={}；
MyObject.PatientID=“1”；
MyObject.patientFirstname=“测试”；
MyObject.patientSurname=“TestLastName”；
MyObject.patientNHSID=“fgd345”；
MyObject.Name=“Team1”；
ShowPatientTable（MyObject，$（'#selectGroupInput选项：选定'）.text（），$（'#selectNumberOfRecords选项：选定'）.text（））；
});
//在显示记录编号时，将“助产士上次同步”列表更改为选定的记录编号
$（'#selectNumberOfRecords'）。更改（函数（发送方）{
//获取所有组名
GetPatientGroupNames（）；
//让所有病人都来
GetPatientListData（）；
var MyObject={}；
MyObject.PatientID=“1”；
MyObject.patientFirstname=“测试”；
MyObject.patientSurname=“TestLastName”；
MyObject.patientNHSID=“fgd345”；
MyObject.Name=“Team1”；
ShowPatientTable（MyObject，$（'#selectGroupInput选项：选定'）.text（），$（'#selectNumberOfRecords选项：选定'）.text（））；
});
});
函数GetPatientGroupNames（）{
//设置记录开始加载到第页之前的时间
if（document.getElementById（'selectGroupInput'）！==null）{
var GroupSelectOptions=document.getElementById（'selectGroupInput'）.options；
对于（i=GroupSelectOptions.length-1；i>=0；i--）GroupSelectOptions[i]=null；
var GroupSelectInput=document.getElementById（'selectGroupInput'）；
opt=document.createElement（'option'）；
opt.value='All'；
opt.innerHTML='All'；
GroupSelectInput.appendChild（opt）；
var MyObject={}；
MyObject.Name=“Team1”；
//检查响应消息是否返回“OK”
opt=document.createElement（'option'）；
opt.value=JSON.stringify（MyObject）；
opt.innerHTML=MyObject['Name']；
GroupSelectInput.appendChild（opt）；
//检查是否有id为selectGroup的输入
if（document.getElementById（'selectGroupInput'））{
if（（document.getElementById（'selectGroupInput'））.selectedIndex！=null）{
var-Selectelement=document.getElementById（'selectGroupInput'）；
如果（（Selectelement.options[Selectelement.selectedIndex]）。value！=“All”）{
currentArray=JSON.parse（（Selectelement.options[Selectelement.selectedIndex]）.value）；
}
}
}
}
}
//获取患者列表的所有患者信息，并附加到患者列表表（患者列表页面）
函数GetPatientListData（）{
var MyObject={}；
MyObject.PatientID=“1”；
MyObject.patientFirstname=“测试”；
MyObject.patientSurname=“TestLastName”；
MyObject.patientNHSID=“fgd345”；
MyObject.Name=“Team1”；
ShowPatientTable（MyObject，$（'#selectGroupInput选项：选定'）.text（），$（'#selectNumberOfRecords选项：选定'）.text（））；
}
//显示带有填充的患者列表的患者表
函数ShowPatientTable（MyObject、GroupName、NumberRecords）{
$（.patientListHiddenNotice”）.css（“显示”、“无”）；
//存储的患者列表表行
var patientTableRecord=[]；
var patientTableRecordCounter=0；
if（MyObject）{
//添加要在表中显示的新患者列表
//实时搜索时将组输入设置回全部
//如果是，请循环查看旧患者列表
对于（变量i=0；i<500；i++）{
如果（组名=“全部”）{
//显示团队专栏
$（'.showAllTeam'）.show（）；
//如果是，将患者推到新列表中
patientTableRecord[patientTableRecordCounter++]='+MyObject[“patientFirstname”]+'+MyObject[“patientSurname”]+'（'+MyObject[“PatientHsid”]+'）+'+MyObject[“Name”]+'；
}否则{
//如果用户在“组”下拉菜单中选择了组名，则隐藏“组表”列
$（'.showAllTeam'）.hide（）；
//检查过滤器是否与正在检查的患者匹配
if（（MyObject[“Name”]）.toLowerCase（）.indexOf（GroupName.toLowerCase（））！=-1）{
//将患者数据附加到“患者列表”表中
patientTableRecord[patientTableRecordCounter++]='+MyObject[“patientFirstname”]+'+MyObject[“patientSurname”]+'（'+MyObject[“PatientHsid”]+'）；
}
}
}
}
//检查数组是否存在或为空
如果（patientTableRecord==未定义| | patientTableRecord.length==0）{
//如果没有患者显示，请通知用户
$（.patientListHiddenNotice”）.css（“显示”、“无”）；
$（.patientListEmptyNotice”）.css（“显示”、“块”）；
}否则{
$（.patientListHiddenNotice”）.css（“显示”、“无”）；
$（.patientListEmptyNotice”）.css（“显示”、“无”）；
}
//检查是否确实有患者要显示
if（patientTableRecord.length）{
//当用户选择全部时，
如果（数字记录==“全部”）{
NumberRecords=patientTableRecord.length；
}
//检查新患者阵列是否太大
如果（patientTableRecord.length>NumberRecords）{
//如果是这样，请删除超过限制的所有记录，并更新
$('#patientListTable').find('tbody').html(patientTableRecord);