Question

我尝试制作自动填充输入，就像我过去有时做的那样。但今天我必须面对一个我无法理解的问题。

$( "#search_collab_autocomplete" ).autocomplete({
    appendTo :$('.form-add-new-user'),
    source : function(requete, response){
        $.ajax({
            url : $('.form-add-new-user').data('url'),
            dataType : 'json',
            data : {
                email : $('#search_collab_autocomplete').val(),
            },

            success : function(data){
                var arr = [];
                var i = 0;
                var fullObj = data;
                $.each(data, function(index, value){
                    var obj = {
                        id: index,
                        email: value,
                    };
                    arr[i] = obj;
                    i++;
                });
                response(arr, fullObj);
            },

            select: function( event, ui ) {
                console.log("hi");
            }
        });
    },
    minLength: 3
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
    return $( "<li></li>" ).data("item.autocomplete", item)
        .append( "<a>"+item.email + "</a>")
        .appendTo( ul );
};

我有这段代码，这部分是workink，因为我可以在输入字段下面看到结果juste的列表。

但是当我点击/当我选择带键盘的项目时，我看不到任何事情......甚至不是简单的console.log('hi'); ....

我使用了错误的select吗？

Answer 1

您的“选择”附加到$ .ajax。它必须与“源”和“ minLength”处于同一级别。

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

1 个答案: