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

根據我的理解，它可能會對您有所幫助。 如果發現任何困難，請隨時詢問。

謝謝