我有一个cakephp应用程序可以提供一些结果和一个很好地格式化这些的php文件 结果如表。
在我的搜索页面中,我使用jquery在蛋糕应用程序上调用自动完成功能。到目前为止,一切都很好。我可以发送我的请求,ajax工作,我得到格式化的html页面。但由于我是一个jquery新手,我无法弄清楚如何实际显示这个结果..
我的jquery是这样的
$(document).ready(function() {
$("input#search").autocomplete(........
抱歉没有确切的代码块,我现在在家里......
如何使用jquery的自动完成功能显示我从div中的ajax返回的html内容?
很多答案 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
如果你真的想在对话框中坚持div
,那么你需要覆盖一些函数,因为ul
和li
的使用是硬编码的。如果你决定走这条路线,不要覆盖jQuery UI文件,扩展它,否则你以后会有更新的噩梦。请参阅Scott González's autocomplete html extension开始使用。一旦你知道如何扩展它,你就需要挖掘jquery.ui.autocomplete.js
并寻找jQuery UI Menu
小部件,根据你的修改,你需要覆盖refresh
,{{ 1}},move
和first
函数。
如果你想要的只是显示你在last
中选择的内容,你需要使用div
方法,当选择对话框中的元素时会触发此方法。
希望这有助于您开始使用。