Javascript 在textbox的keyup事件中搜索Html表中的文本
我正在使用asp.net mvc 5和bootstrap.js以及jquery来构建一个项目 在其中一个页面中,我正在生成一些动态HTML,这是一个包含员工列表的HTML表 我正在尝试用下面的代码搜索内容 它在文本框的keyup事件中调用 此处引用的jquery文件:Javascript 在textbox的keyup事件中搜索Html表中的文本,javascript,jquery,asp.net-mvc-5,Javascript,Jquery,Asp.net Mvc 5,我正在使用asp.net mvc 5和bootstrap.js以及jquery来构建一个项目 在其中一个页面中,我正在生成一些动态HTML,这是一个包含员工列表的HTML表 我正在尝试用下面的代码搜索内容 它在文本框的keyup事件中调用 此处引用的jquery文件: @Scripts.Render("~/bundles/jquery") 活动注册地点: $(function(){ $('#txtFilter').keyup(function(){ Fi
@Scripts.Render("~/bundles/jquery")
活动注册地点:
$(function(){
$('#txtFilter').keyup(function(){
FilterData();
});
});
标记:
<div class="popHeader">
Select Employee
</div>
<br>
<span>Filter:<input id="txtFilter" type="text"></span>
<br><br>
<table id="tblSearch" class="table">
<tbody><tr>
<th></th>
<th>
EmployeeId
</th>
<th>
Display Name
</th>
<th>
CurrentUsername
</th>
</tr>
<tr><td><a>Select</a></td><td>95961</td><td>Ankur</td><td>ankurda</td></tr><tr><td><a>Select</a></td><td>79761</td><td>Sameer </td><td>sameerba</td></tr><tr><td><a>Select</a></td><td>91060</td><td>Neeraj </td><td>Neerajsi</td></tr><tr><td><a>Select</a></td><td>83127</td><td>Pankaj </td><td>pankajpu</td></tr></tbody></table>
function FilterData()
{
debugger;
var $rows = $('#tblSearch tr');
var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
reg = RegExp(val, 'i'),
text;
$rows.show().filter(function() {
text = $(this).text().replace(/\s+/g, ' ');
return !reg.test(text);
}).hide();
}
无法找出错误。如何调用
FilterData()
您应该传递对此
的引用。代码中的其他地方存在错误。。由于提供的代码不包含toLowerCase
function call..?我知道没有调用,它在jquery-file中随附。。。。你能建议一下吗。告诉我们你是如何从jQuery文件中调用它的。刚刚添加了所有必需的源。。。
Error:Microsoft JScript runtime error: Unable to get value of the property 'toLowerCase': object is null or undefined.