显示jquery自动完成的结果

时间:2011-03-17 06:34:15

标签: jquery cakephp-1.3

我有一个cakephp应用程序可以提供一些结果和一个很好地格式化这些的php文件 结果如表。

在我的搜索页面中,我使用jquery在蛋糕应用程序上调用自动完成功能。到目前为止,一切都很好。我可以发送我的请求,ajax工作,我得到格式化的html页面。但由于我是一个jquery新手,我无法弄清楚如何实际显示这个结果..

我的jquery是这样的

$(document).ready(function() {
     $("input#search").autocomplete(........

抱歉没有确切的代码块,我现在在家里......

如何使用jquery的自动完成功能显示我从div中的ajax返回的html内容?

很多

3 个答案:

答案 0 :(得分:0)

尝试通过“html”将返回的html页面内容传递给div对象。

$('#id-something').html(ajaxResultHtml);

答案 1 :(得分:0)

jQuery autocomplete在匹配的元素中显示结果,在这种情况下输入的标识为search,但据我所知,脚本的响应必须采用JSON表示法。

答案 2 :(得分:0)

我假设您使用string作为来源,因此在这种情况下,您指定的网址必须返回JSON数据,但不能返回HTML。一旦你这样做,自动完成对话框就会自动生成。

如果要自定义对话框,可以覆盖_renderMenu_renderItem。一个很好的例子是jQuery UI website

上的comboxbox演示

如果你真的想在对话框中坚持div,那么你需要覆盖一些函数,因为ulli的使用是硬编码的。如果你决定走这条路线,不要覆盖jQuery UI文件,扩展它,否则你以后会有更新的噩梦。请参阅Scott González's autocomplete html extension开始使用。一旦你知道如何扩展它,你就需要挖掘jquery.ui.autocomplete.js并寻找jQuery UI Menu小部件,根据你的修改,你需要覆盖refresh,{{ 1}},movefirst函数。

如果你想要的只是显示你在last中选择的内容,你需要使用div方法,当选择对话框中的元素时会触发此方法。

希望这有助于您开始使用。