2012-08-07 42 views
1

第一個實現工作正常。 第二個提供了一個下拉列表,但在您鍵入時不會被過濾。jquery自動完成與遠程數據源不過濾

$("#tags").autocomplete({ 
     source: availableTags 
    }); 
    $("#tags1").autocomplete({ 
     source: "http://nwx1/mysql/useractivitytxn/f_UsersList.php" 
    }); 

...

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
    <label for="tags1">Tags1: </label> 
    <input id="tags1"> 
    <label for="tags2">Tags2: </label> 
    <input id="tags2"> 
</div> 

變種availableTags = [ 「的ActionScript」, 「的AppleScript」, 「ASP」, 「BASIC」, 「C」, 「C++」 , 「Clojure」, 「COBOL」, 「ColdFusion」, 「Erlang」, 「Fortran」, 「Groovy」, 「哈斯克爾」, 的 「Java」, 「的JavaScript」, 「Lisp的」, 「的Perl」, 「PHP」, 「巨蟒」, 「紅寶石」, 「斯卡拉」, 「計劃」 ]。

來自Web服務的返回值: [「ActionScript」,「AppleScript」,「Asp」,「BASIC」,「C」,「C++」,「Clojure」,「COBOL」,「ColdFusion」 「二郎神」, 「FORTRAN」, 「常規」, 「哈斯克爾」, 「Java」 的, 「JavaScript的」, 「Lisp的」, 「Perl的」, 「PHP」, 「巨蟒」, 「紅寶石」, 「斯卡拉」,「計劃「]

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
     <script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script> 
     <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>  
+0

如果我輸入'3',我甚至會得到整個下拉菜單。 – user1582326 2012-08-07 16:37:56

+0

從整個列表中選擇仍然將值放入輸入框中。 – user1582326 2012-08-07 16:48:37

+0

這可能會被刪除,因爲它在這裏回答:http://stackoverflow.com/questions/9349370/jquery-autocomplete-json-source-does-not-autocomplete-but-just-show-the-full我有一個老套的文件。 – user1582326 2012-08-07 19:41:03

回答

0

docs

當使用字符串時,自動完成插件預計字符串 指向URL資源,將返回JSON數據。它可以在 相同的主機上或不同的主機上(必須提供JSONP)。自動完成 插件不會過濾結果,而是將請求參數 「term」添加到URL中,服務器端腳本應使用 來過濾結果。

自動完成可以具有三種源類型之一:包含本地數據的數組,字符串,指定URL或回調。第一個示例使用數組,而第二個示例使用一個字符串,指定一個URL,因此您需要執行過濾並返回過濾的結果集。

+0

嗯,好的。將結果放在本地數組中然後讓自動完成過濾器會更有響應。謝謝。 – user1582326 2012-08-07 17:01:13

+0

如果你沒有控制服務器端,這並不是很好。 – user1582326 2012-08-07 17:02:31

相關問題