如何过滤我的SearchResult所包含多个过滤器? (下拉列表中,关键字等)(How can

2019-10-30 07:03发布

我有一个笨网站有searchfunction。 我能够在邮政编码和关键字搜索。 现在,我想有我“SearchResult所”页面上searchfilters缩小SearchResult所。

我使用Fastlivefilter jQuery插件了,但我想多事情进行筛选。

  • 从我的数据库类别的下拉
  • 我输入到输入字段关键词。

我得到了它,只有下拉列表,只有输入工作,却不能在一起。

也许有这样做的更好的办法? 使用JQuery的过滤器()的例子吗?

我searchform:

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

如何使用:

  • 键入“9101”到小的输入,上面写着“邮政编码”。
  • 提交表单,然后点击“searchfilters”现在就来试试。

Answer 1:

这里是我创造了你希望它给你,你想实现的想法简单的例子

考虑这个HTML包含ul li有两个搜索字段结构

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

这里是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();

    }); 

});

试试我捣鼓小写

试试我的大写小提琴

我希望这是你所寻找的,在第一场测试写鲍勃然后写在其他领域的测试 ,你会看到只有一个结果



文章来源: How can I filter my searchresults with multiple filters? (dropdown, keywords etc)