使用下拉过滤器搜索?

时间:2011-10-05 12:41:39

标签: javascript jquery

有没有人有一个带有下拉过滤器的javascript搜索框的示例? 所以,例如我想为我的网站创建一个搜索框,并允许用户搜索: “当前类别”或“整个网站”。我可以创建一个组合框并将它放在输入框的旁边,但我正在试着看看是否有更好的js方式。

编辑:我认为我没有很好地解释我在寻找什么。 所以,我有一个输入框来在我的网站上执行搜索。我想要的是能够通过提供过滤器来缩小搜索范围并使其更具体。 因此,例如,我希望用户搜索“John Doe”,但在他必须选择是否要搜索当前类别“博客帖子”或“整个网站”之前。

enter image description here

2 个答案:

答案 0 :(得分:1)

也许所选择的插件可能会对您有所帮助:http://harvesthq.github.com/chosen/

这是一个带有搜索功能的选择框替换:

Screenshot of chosen

如果你只需要一个改进的按钮,你可以从jQueryUi按钮开始:

http://jqueryui.com/demos/button/#splitbutton

Screenshot of splitbutton

答案 1 :(得分:0)

有很多解决方案: selectbox | jQuery Plugins。 或者只是谷歌“jquery自定义选择”