引导自动完成插件

Question

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

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

并通过城市字符串的第一个字母进行搜索（国家不接受）。 我发现的最好的插件：https://twitter.github.io/typeahead.js/examples/

但在其中搜索所有输入的符号。

所以：

• 我正在寻找按首个符号显示城市名称的自动完成功能，并显示国家/地区；

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

阿尔美国阿巴马

阿尔美国阿斯卡

带有突出显示的“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 demo。

对于文档see here

看看sample codes

下载请到GitHub

据我了解，它可能会对您有所帮助。如果您发现任何困难，请随时提出。

谢谢