如何使用多个过滤器过滤搜索结果？ （下拉菜单，关键字等）

Question

I have a Codeigniter website with a searchfunction. I am able to search on postal code and a keyword. Now I would like to have searchfilters on my 'searchresults' page to narrow the searchresults.

I am using Fastlivefilter jquery plugin now, but I would like to filter on multiple things.

• A dropdown with categories from my database
• Keywords that I type into the input field.

I got it working with ONLY the dropdown and ONLY the input, but not together.

Maybe there's a better way of doing it? Using JQuery Filter() for example?

My searchform:

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

How to use:

• type '9101' into the small input, that says 'postcode'.
• Submit the form and click on 'searchfilters' now try.

Answer 1

Here is the simple example i have created for you hope it gives you the idea that you are trying to implement

Consider this html that contains the ul li structure with two search fields

<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" />

And here is the jquery which searches as well as refines the results considering the values of both text fields

$(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

I hope this what you were looking for , for testing write bob in first field then write test in other field you will see only one result