jQuery自动完成搜索类似Hotmail

时间:2011-02-18 19:47:33

标签: jquery autocomplete

我想构建一个类似Hotmail中的自动完成搜索框。

当您开始输入时,它将返回在自动完成列表中找到的记录,然后按钮将输入搜索标准,包括从,主题和收件人。

根据您点击的内容,您将获得结果。如果您点击正常值,它将显示相应的邮件,如果您点击“发件人”,“主题”或“收件人”将搜索,例如在From中,如果您点击了From。

怎么办呢?

谢谢!

2 个答案:

答案 0 :(得分:1)

查看jQuery.ajax,您可以绑定到文本字段的“keyup”事件,然后让jQuery调用一个Web服务,它将为您的搜索返回JSON结果,然后您可以根据需要格式化结果

答案 1 :(得分:1)

我认为这是jquery最好的自动完成插件: http://jqueryui.com/demos/autocomplete/

你可以根据需要自定义它,它非常灵活,而且jquery-ui.com上的例子都是自我解释的!