如何使用Javascript考虑多个搜索字段?

时间:2013-03-23 15:53:24

标签: javascript jquery search

我在网页上有三个实时过滤搜索字段。触发以搜索密钥。

  • 主要作者
  • 主题
  • 日期

他们每个人都会搜索<span>

中的特定<div>元素

我遇到的问题是,在一个字段中键入错误的字符并且用户按下退格键。代码之前无法搜索字符,因为它现在已隐藏。

如何添加在搜索关键字时考虑其他搜索字段内容的功能?

JSFiddle of my code

1 个答案:

答案 0 :(得分:1)

您可以做的是当用户确实做后退空间时,首先再次显示所有作者,然后使用剩余文本重新运行搜索。类似于下面的东西。

if (event.keyCode == 8){
   $("div.recordContainer span.listLeadAuthor").each(function(){
      $(this).parent().show();   
   });
}

我已经更新了你的小提琴here(仅适用于第一个搜索过滤器)。

修改

您可以将搜索功能更改为过滤器类并将相同的功能应用于它们吗?我已经更新了另一个fiddle here,这可以让您使用多个搜索字段。