javascript - JQuery 3 和 Bootstrap 的自动完成

Question

希望获得有关使用 JQuery 3 在引导页面上实现自动完成的最佳方法的建议。

源必须是 PHP 文件，并且可以返回数组或 JSON。

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

以最小的膨胀和头痛实现上述目标的最佳库是什么？

Answer 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>