How to update bootstrap combobox without breaking it?

Question

JavaScript

I want to get and display a list of cities using the VK API.
Here's what happens: https://codepen.io/anon/pen/qPQPmb
But when you enter any letter in the input, Combobox automatically substitutes the first match due to the call to the Combobox.refresh () function. It turns out extremely unusable, how can I fix it?

Answer 1

My hint starts with two letters. Well, not the point
Call the $.ajax request after checking the number of entered characters! Those. wrap $.ajax in a validation function, look it up in the jquery reference, there's only one line of it!
Although VK could add such a parameter to the method itself, or maybe they have it, they have a lot of things hidden there !!!
UPD. In general, put the INPUT tag and everything works!

Answer 2

Everything seems to be correct? :)