2013-03-23 41 views
2

我在頁面上有三個實時過濾器搜索字段。觸發在關鍵字上搜索。如何在Javascript中考慮多個搜索字段?

  • 主要作者
  • 主題
  • 日期

他們每個搜索特定<span>元素在<div>

我的問題是,說了錯誤的字符用一個類型字段並且用戶按下退格鍵。代碼現在無法搜索字符,因爲它現在隱藏了。

如何添加在密鑰搜索時考慮其他搜索字段內容的功能?

JSFiddle of my code

+0

將退格鍵與多個字段連接在哪裏? – zeroflagL 2013-03-23 16:19:46

+0

當我在一個搜索字段中按下退格鍵時,我想搜索其他兩個搜索字段以及當前搜索字段中的任何剩餘字符。 – blarg 2013-03-23 16:28:09

+0

但是,你不想讓這種情況發生在任何鍵,任何輸入的字符? – zeroflagL 2013-03-23 16:34:17

回答

1

你可以做的是,當用戶確實做了一回空間是首次展示所有作者的一次重新運行與剩餘的文本搜索。類似於下面的東西。

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

我已經更新了它here(只是第一搜索過濾器)的小提琴。

編輯

你能換到過濾器類的搜索功能和應用相同的功能給他們呢?我已更新fiddle here這可讓您使用多個搜索字段。

+0

嘿,這很好,但我想搜索所有字段中輸入的內容,而不僅僅是當前字段。 – blarg 2013-03-23 16:46:15

+0

好的,我明白了..請看我的編輯。我希望它有幫助 – dev 2013-03-23 16:56:24

+0

嘿謝謝,這隻適用於一個搜索字段。 – blarg 2013-03-23 17:09:04