我有一个笨网站有searchfunction。 我能够在邮政编码和关键字搜索。 现在,我想有我“SearchResult所”页面上searchfilters缩小SearchResult所。
我使用Fastlivefilter jQuery插件了,但我想多事情进行筛选。
我得到了它,只有下拉列表,只有输入工作,却不能在一起。
也许有这样做的更好的办法? 使用JQuery的过滤器()的例子吗?
我searchform:
http://kees.een-site-bouwen.nl/vacatures
如何使用:
- 键入“9101”到小的输入,上面写着“邮政编码”。
- 提交表单,然后点击“searchfilters”现在就来试试。
这里是我创造了你希望它给你,你想实现的想法简单的例子
考虑这个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)