第一個實現工作正常。 第二個提供了一個下拉列表,但在您鍵入時不會被過濾。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>
如果我輸入'3',我甚至會得到整個下拉菜單。 – user1582326 2012-08-07 16:37:56
從整個列表中選擇仍然將值放入輸入框中。 – user1582326 2012-08-07 16:48:37
這可能會被刪除,因爲它在這裏回答:http://stackoverflow.com/questions/9349370/jquery-autocomplete-json-source-does-not-autocomplete-but-just-show-the-full我有一個老套的文件。 – user1582326 2012-08-07 19:41:03