显示jquery自动完成的结果

显示jquery自动完成的结果,jquery,cakephp-1.3,Jquery,Cakephp 1.3,我有一个cakephp应用程序可以提供一些结果,还有一个php文件可以很好地格式化这些结果 结果以表格形式显示 在我的搜索页面中,我使用jquery调用cake应用程序上的autocomplete。到目前为止,一切都很顺利。我可以发送我的请求,ajax工作,我得到格式化的html页面。但是由于我是jquery的新手,我不知道如何实际显示这个结果 我的jquery是这样的 $(document).ready(function() { $("input#search").autocompl

我有一个cakephp应用程序可以提供一些结果,还有一个php文件可以很好地格式化这些结果 结果以表格形式显示

在我的搜索页面中,我使用jquery调用cake应用程序上的autocomplete。到目前为止,一切都很顺利。我可以发送我的请求,ajax工作,我得到格式化的html页面。但是由于我是jquery的新手,我不知道如何实际显示这个结果

我的jquery是这样的

$(document).ready(function() {
     $("input#search").autocomplete(........
对不起,没有确切的代码块,我现在在家

如何使用jquery的autocomplete在div中显示从ajax返回的html内容


thx很多

尝试通过html将返回的html页面内容传递到div对象中

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

jQuery autocomplete在匹配的元素中显示结果,在本例中是id搜索的输入,但据我所知,脚本的响应必须使用JSON表示法。

我假设您使用字符串作为源,因此在本例中,您指定的URL必须返回JSON数据,而不能返回HTML。一旦您这样做,自动完成对话框应该会自动生成

如果要自定义对话框,可以覆盖_renderMenu和_renderItem。这方面的一个很好的例子是

如果你真的想在对话框中使用div,你需要覆盖一些函数,因为ul和li的用法是硬编码的。如果您决定这样做,请不要覆盖jqueryui文件,扩展它,否则您将在以后遇到更新噩梦。请确保开始。一旦您知道如何扩展它,就需要深入jquery.ui.autocomplete.js并查找jquery ui菜单小部件,根据您的修改,您需要覆盖刷新、移动、第一个和最后一个函数

如果只想在div中显示所选内容,则需要使用select方法,该方法在选择对话框中的元素时触发

希望这能帮助你开始