如何基于用户当前输入以编程方式访问匹配值列表-jQuery Autocomplete？

Question

我有这个数组

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

我已经在这里复制了它：https : //jsfiddle.net/bheng/Lsubhxmv/

当我键入"P"-我看到此列表

预期结果

console.log(matchedValues), I should see ['ActionScript','AppleScript','Asp','Lisp','Perl','PHP','Python']

---

我"Py"只要输入一次

预期结果

console.log(matchedValues), I should see ['Python']

---

我需要根据用户当前输入以编程方式访问匹配值列表。

Answer 1

您可以使用response自动完成事件来检索过滤后的值：

$(".search").autocomplete({
  source: ["ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang"
    // other values...
  ],
  response: function(e, ui) {
    console.log(ui);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<input type="text" class="search" />