從jQuery的自動完成

顯示結果我有一個CakePHP的應用，提供了一定的效果，並且很好地格式化這些結果表中的PHP文件。從jQuery的自動完成

在我的搜索頁面，使用jQuery來調用蛋糕應用程序自動完成。到目前爲止，一切都很好。我可以發送我的請求，ajax作品，我得到格式化的HTML頁面。但因爲即時通訊一個jQuery新手，我無法弄清楚如何實際顯示這個結果..

我jQuery是這樣的

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

遺憾不有確切的代碼塊，即時通訊現在在家......

我如何使用jQuery的自動完成功能顯示HTML內容我從在一個div阿賈克斯回來？

THX很多

來源

2011-03-17 caker

嘗試通過「HTML」通過返回的HTML頁面內容到一個div對象。

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

來源

2011-03-17 06:38:30

jQuery的自動完成顯示結果在匹配元件，在這種情況下與該ID search輸入，但腳本的反應必須在JSON符號，據我所知。

來源

2011-03-17 06:43:45 EmCo

我假設你正在使用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方法，當選擇對話框中的某個元素時，將觸發此方法。

希望這將幫助你開始。

來源

2011-03-17 07:22:15 philhq

從jQuery的自動完成

回答

相關問題