javascript - 使用 bootstrap Typeahead 处理选定的事件

Question

我正在尝试使用 bootstrap typeahead。我无法处理已选择的项目。

下面是我的代码

  var bindto = $(".search.typeahead");
        bindto.typeahead({
            source: function (query, response) {
                var map = {};
                var advicesearchList = [];
                return $.ajax({
                    url: "/Advice/AutoComplete",
                    type: "GET",
                    cache: false,
                    data: { querystring: query },
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        $.each(data, function (i, result) {
                            map[result.Title] = result;
                            advicesearchList.push(result.Title);
                        });
                        response(advicesearchList);
                    }
                });
            }
        }).on("typeahead:selected", function (e, o) {
            console.log("item selected");

        });

检测用户从列表中的一项中选择了什么的正确方法是什么

谢谢

Answer 1

尝试使用 afterSelected 选项:

    var bindto = $(".search.typeahead");
    bindto.typeahead({
    source: function (query, response) {
        //your code...
    }, afterSelect: function (data) {
        //print the data to developer tool's console
        console.log(data);
        }
    });

Docs