Bootstrap Autocomplite插件

Question

我正在尝试找到一些Bootstrap自动完成插件，以按城市进行自动完成。 例如，我有这样的箭头：

 {
   ['Alabama','USA'],
   ['Alaska','USA'],
   ['London','UK'],
   ['Kiev','Ukraine'],
 }

并按城市字符串的首字母进行搜索（国家不接受）。 我找到的最漂亮的插件： https : //twitter.github.io/typeahead.js/examples/

但是在其中搜索按所有输入的符号进行。

所以：

• 我正在通过第一个符号按城市名称查找自动填充，并显示国家/地区；

• 如果我写了“ Al”，则选择框必须显示：

人 ABAMA，USA

人 ASKA，USA

高亮显示“ Al”。

---

将箭头更改为类似字符串的字符串可能是个好主意：

['Alabama, USA', 'Alaska, USA', 'London, UK','Kiev, Ukraine']

？

Answer 1

我认为您正在寻找的是select2： https ://select2.github.io/

您可以在此处查看示例： https : //select2.github.io/examples.html

您可能还想将数组安排为以下形式：

{
  ['Alabama, USA'],
  ['Alaska, USA'],
  ['London, UK']
}

Answer 2

多年来，我一直在使用MagicSuggest插件。 它非常易于管理，它将为您提供自动建议和自动选择。

请看一下MagicSuggest演示 。

有关文档， 请参见此处

看一下示例代码

要下载，请转到GitHub

根据我的理解，它可能会对您有所帮助。 如果发现任何困难，请随时询问。

谢谢