JQuery:未触发自动完成选择事件

Question

我对 JQuery 很陌生，但是已经一页又一页地阅读自动完成功能。从下拉列表中选择项目时，我无法触发 select 事件。

这是代码:

    $("#newTag").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "ajax",
                datatype: "json",
                type: "POST",
                data: {searchText: request.term},
                success: function(data, textStatus, jqXHR) {
                    response($.map(data, function(item) {
                        return {
                            label: item.tag,
                            id: item.id
                        };
                    }));
                },
                select: function(event,ui) {
                    alert("Selected ");
                }
            });
        }
    });

它从 ajax 调用返回正确的数据，因此看起来工作正常。我做了一个搜索数组的例子，效果很好。但我似乎找不到上面代码中的错误。

非常感谢所有帮助。

Answer 1

您的 select 属性位于 ajax 调用而不是自动完成

$("#newTag").autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "ajax",
            datatype: "json",
            type: "POST",
            data: {searchText: request.term},
            success: function(data, textStatus, jqXHR) {
                response($.map(data, function(item) {
                    return {
                        label: item.tag,
                        id: item.id
                    };
                }));
            }
        });
    },
    select: function(event,ui) {
        alert("Selected ");
    }
});