JQuery autocomplete select event not fired

Question

I try to make an autocomplete input, as I did sometimes in the past. But today I have to face a issue i can't really understand.

$( "#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 );
};

I have this code, which is partially workink because i can see list of result juste below my input field.

But when I click on / when I choose a item with keyboard I can't see nothing happening.. not even a simple console.log('hi');....

Am I using wrong select ?

Your items must be in [{label, value}] pairs within in your result data that is sent response() — Twisty
– Twisty, Commented May 2, 2018 at 0:53
You may want to check that all syntax is correct. If no data or incorrect data is being passed to response() then no items can be shown and thus no items can be selected. This would prevent select event from firing. — Twisty
– Twisty, Commented May 7, 2018 at 17:16
But the whole autocomplete is working, i can use it. The only problem is this event that is not fired, I've found another way to achieve what I wanted.. — Boris Le Méec
– Boris Le Méec, Commented May 7, 2018 at 18:27

Herman Berikashvili · Accepted Answer · 2018-09-17 20:45:09Z

1

Your "select" is attached to $.ajax. It must be on the same level as "source" and "minLength".

answered Sep 17, 2018 at 20:45

Herman Berikashvili

491 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery autocomplete select event not fired

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related