如何使用多個過濾器過濾搜索結果？ （下拉，關鍵字等）

Question

我有一個搜索功能的Codeigniter網站。我可以搜索郵政編碼和關鍵字。現在我想在我的「搜索結果」頁面上使用搜索過濾器來縮小搜索結果。

我現在正在使用Fastlivefilter jquery插件，但我想過濾多個事情。

• 與類別的下拉從我的數據庫
• 關鍵詞，我輸入到輸入字段。

我得到它與只有下拉和只有輸入，但不在一起工作。

也許有更好的方法呢？例如使用JQuery Filter()？

我searchform：

http://kees.een-site-bouwen.nl/vacatures

如何使用：

• 型 '9101' 到小的輸入，上面寫着 '郵政編碼'。
• 提交表單，然後點擊'searchfilters'現在試試。

Answer 1

下面是簡單的例子，我已經創建了你希望它給你，你想實現

考慮這個網站包含兩個搜索字段

<ul> 
    <li>bob bope</li> 
    <li>bob test</li> 
    <li>bob bones</li> 
    <li>bob bobs</li> 
    <li>test mcBridge</li> 
</ul> 
<br> 
Search: <input id="search" class="search" length="24" /> 
Refine <input id="refine" class="search" length="24" /> 

的 ul li結構的想法

這裏是jquery它搜索以及考慮到兩個文本字段的值來改進結果

$(document).ready(function(){ 
    $(".search").keyup(function(){ 
     $("li").hide(); 

     if($("#refine").val()!=""){ 
     var term = $("#search").val()+" "+$("#refine").val(); 
     }else{ 
     var term =$("#search").val(); 

     } 
     $("li:contains('" + term + "')").show(); 

    }); 

}); 

Try my fiddle for lower case

Try my fiddle for upper case

我希望這是你所尋找的，用於測試寫鮑勃在第一場然後寫在其他領域測試你會看到只有一個結果