从jQuery的自动完成

问题描述：

显示结果我有一个CakePHP的应用，提供了一定的效果，并且很好地格式化这些结果表中的PHP文件。从jQuery的自动完成

在我的搜索页面，使用jQuery来调用蛋糕应用程序自动完成。到目前为止，一切都很好。我可以发送我的请求，ajax作品，我得到格式化的HTML页面。但因为即时通讯一个jQuery新手，我无法弄清楚如何实际显示这个结果..

我jQuery是这样的

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

遗憾不有确切的代码块，即时通讯现在在家......

我如何使用jQuery的自动完成功能显示HTML内容我从在一个div阿贾克斯回来？

THX很多

答

尝试通过 “HTML” 通过返回的HTML页面内容到一个div对象。

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

答

jQuery的自动完成显示结果在匹配元件，在这种情况下与该ID search输入，但脚本的反应必须在JSON符号，据我所知。

答

我假设你正在使用string作为源所以在这种情况下，您指定的URL必须返回JSON数据，它不能返回HTML。一旦你这样做，自动完成对话框应该会自动生成。

如果您想自定义对话框，您可以覆盖_renderMenu和_renderItem。这方面的一个很好的例子是在jQuery UI website

如果你真的想与div坚持的对话框，你需要自ul和li是硬编码的使用覆盖几个功能comboxbox演示。如果你决定走这条路，不要覆盖jQuery UI文件，否则你会在稍后产生更新的噩梦。请参阅Scott González's autocomplete html extension开始。一旦你知道如何扩展它，你需要挖掘jquery.ui.autocomplete.js并寻找jQuery UI Menu小部件，根据你的修改，你需要覆盖refresh,move,first和last函数。

如果您只想显示您在div中选择的内容，则需要使用select方法，当选择对话框中的某个元素时，将触发此方法。

希望这将帮助你开始。

从jQuery的自动完成

相关推荐