Javascript 如何创建搜索输入字段来搜索表数据？

我有一个包含JSON数据的HTML表，我正在尝试使用一个搜索输入字段来搜索我的HTML表数据

我只想搜索表的tbody元素，而不是thead，但在我的代码中它不起作用

我在代码中提供了一个类filterdata，从该类的主体代码开始，但搜索不起作用

这是我的密码：

片段

$document.readyfunction{ var表格值=[{ 经销商名称：MAIYAS餐饮私人有限公司， 用户名：admin， 用户登录名：admin， 用户密码：admin， 用户角色：分发服务器， 活动：Y }, { 经销商名称：MAIYAS餐饮私人有限公司， 用户名：maiyas， 用户登录号：maiyas， 用户密码：maiyas， 用户角色：分发服务器， 活动：Y }, { 经销商名称：CHEF BAKERS， 用户名：cbadmin， 用户登录名：cbadmin， 用户密码：cbadmin， 用户角色：分发服务器， 活动：Y }, { 经销商名称：CHEF BAKERS， 用户名：cbaker， 用户登录名：cbaker， 用户密码：cbaker， 用户角色：分发服务器， 活动：Y }, { 经销商名称：JAYANAGAR MAIYAS餐饮私人有限公司， 用户名：jayanagar， 用户登录号：jayanagar， 用户密码：jayanagar， 用户角色：分发服务器， 活动：Y }, { 经销商名称：MALLESHWARAM MAIYAS餐饮私人有限公司， 用户名：malleswaram， 用户登录号：malleswaram， 用户密码：malleswaram， 用户角色：分发服务器， 活动：Y }, { 经销商名称：KOLAR MAIYAS餐饮私人有限公司， 用户名：kolar， 用户登录号：kolar， 用户密码：kolar， 用户角色：分发服务器， 活动：Y } ] 函数addTableValue{ var col=Object.keystableValue[0]； var countNum=col.filteri=>！isNaNi.length； var num=col.0，countNum； col=col.concatnum； var table=document.createElementtable； var tr=表1.insertRow-1； 对于var i=0；i-1 }; }; };

---

有很多方法可以做到这一点。这里有一个可能的例子

$document.readyfunction{ var表格值=[{ 经销商名称：MAIYAS餐饮私人有限公司， 用户名：admin， 用户登录名：admin， 用户密码：admin， 用户角色：分发服务器， 活动：Y }, { 经销商名称：MAIYAS餐饮私人有限公司， 用户名：maiyas， 用户登录号：maiyas， 用户密码：maiyas， 用户角色：分发服务器， 活动：Y }, { 经销商名称：CHEF BAKERS， 用户名：cbadmin， 用户登录名：cbadmin， 用户密码：cbadmin， 用户角色：分发服务器， 活动：Y }, { 经销商名称：CHEF BAKERS， 用户名：cbaker， 用户登录名：cbaker， 用户密码：cbaker， 用户角色：分发服务器， 活动：Y }, { 经销商名称：JAYANAGAR MAIYAS餐饮私人有限公司， 用户名：jayanagar， 用户登录号：jayanagar， 用户密码：jayanagar， 用户角色：分发服务器， 活动：Y }, { 经销商名称：MALLESHWARAM MAIYAS餐饮私人有限公司， 用户名：malleswaram， 用户登录号：malleswaram， 用户密码：malleswaram， 用户角色：分发服务器， 活动：Y }, { 经销商名称：KOLAR MAIYAS餐饮私人有限公司， 用户名：kolar， 用户登录号：kolar， 用户密码：kolar， 用户角色：分发服务器， 活动：Y } ] 函数addTableValue{ var col=Object.keystableValue[0]； var countNum=col.filteri=>！isNaNi.length； var num=col.0，countNum； col=col.concatnum； var table=document.createElement 桌子 var tr=表1.insertRow-1； 对于var i=0；i-1； }.表演； }; };

---

嘿..不，不，这只是作为分发服务器名称搜索，这不是正确的输出，我试图搜索所有参数，就像如果我作为admin搜索，它应该显示包含admin的行，但在这里它不是这样工作的that@viveksingh容易修复。完成。