Why is typeahead not working?

Question

JavaScript

I use this plugin: https://github.com/bassjobsen/Bootstrap-3-Typeahead

This is how tooltips are:

$('#cityName').typeahead(
            {
                  source: [
                 {id: "0", name: "Москва"},
                 {id: "1", name: "Владивосток"}
                 ], 
                autoSelect: true
            });

And so no, why is that?

function getList(query) {
               return [
                        {id: "0", name: "Киев"},
                       {id: "1", name: "Чернигов"}
                   ]
        }

        $('#cityName').typeahead(
            {
                source: getList,
                autoSelect: true
            });

If you put alert in getList, it fires constantly when you enter text in input

Answer 1

You need to run callback function
Example:

$('#cityName').typeahead(
            {
                source: function (query, handler) {
                           
                            var data = [
                                {id: "0", name: "Киев"},
                                {id: "1", name: "Чернигов"}
                             ]

                            handler(data);
                },
                autoSelect: true
            }
        );

Answer 2

Why does the getList function need a query parameter that is not used?
source: getList means to pass a reference to a function, not to call a function (to get a result)
at all, the approach is kind of strange, but what you expect will probably be if you write source: getList()
And yes, do not use alerts .