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

时间:2013-06-13 23:39:42

标签: jquery autocomplete

我(非常)是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调用返回正确的数据,因此似乎工作正常。我已经做了一个搜索数组的例子,它工作得很好。但我似乎无法在上面的代码中找到错误。

非常感谢所有帮助。

1 个答案:

答案 0 :(得分:1)

您的选择属性位于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 ");
    }
});