jq combobox 用法

jq combobox 是一种基于 jQuery 的插件，用于创建自动完成的下拉菜单。它可以让用户在输入框中输入一些字符，然后自动显示与该字符相匹配的选项。

使用 jq combobox，您需要做以下几步：

加载 jQuery 库和 jq combobox 插件库：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />

创建下拉菜单的 HTML：

<label for="myInput">输入名称：</label>
<input id="myInput">

创建数据源：

var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
];

初始化 jq combobox：

$( "#myInput" ).autocomplete({
  source: availableTags
});

现在，您可以在输入框中输入字符，然后自动显示与该字符相匹配的选项