2016-11-15 76 views
0

希望了解的最佳方式的意见,以达到引导页面上自动完成的jQuery 3.自动完成的jQuery 3和Bootstrap

来源必须是一个PHP文件,并且可以返回数组或JSON。

输出必须不仅仅是一个标签 - 它必须包含URL和附加文本(全部是JSON /结果数组的一部分)。

什么是最好的图书馆,以最小的膨胀和头痛达到上述?

+0

你可能也想看看https://开头leaverou .github.io/awesomplete/- 一个没有依赖的自动完成脚本,可以处理几乎任何类型的数据。 – Flyer53

回答

1

像这样的事情

var availableTags = [ 
 
     "ActionScript", 
 
     "AppleScript", 
 
     "Asp", 
 
     "BASIC", 
 
     "C", 
 
     "C++", 
 
     "Clojure", 
 
     "COBOL", 
 
     "ColdFusion", 
 
     "Erlang", 
 
     "Fortran", 
 
     "Groovy", 
 
     "Haskell", 
 
     "Java", 
 
     "JavaScript", 
 
     "Lisp", 
 
     "Perl", 
 
     "PHP", 
 
     "Python", 
 
     "Ruby", 
 
     "Scala", 
 
     "Scheme" 
 
    ]; 
 
    $("#tags").autocomplete({ 
 
     source: availableTags 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<div class="ui-widget"> 
 
    <label for="tags">Tags: </label> 
 
    <input id="tags"> 
 
</div>