disable jQuery autocomplete dropdown

Question

This is rather a simple question, but how do I disable the dropdown of the jQuery Autocomplete? When a user starts typing, I run my own function on the response callback. I don't need anything else to appear. This is what I have:

            $( "#search" ).autocomplete({
                source: "/app/friends",
                minLength: 2,
                response: function( event, ui ) {
                    $(".ui-menu-item").hide(); //i hoped this would work
                    display(ui.content);
                }
            });

Not sure why that would do anything since it's my own method. But it didn't work. — Nick
– Nick, Commented Dec 22, 2013 at 23:10

adrianbanks · Accepted Answer · 2014-12-14 11:45:08Z

7

According to the documentation for the plugin, there is an open event that fires when the menu opens. You can put some code in that event to hide the drop down:

$( "#search" ).autocomplete({
    source: "/app/friends",
    minLength: 2,
    response: function( event, ui ) {
        display(ui.content);
    },
    open: function( event, ui ) {
        $(".ui-autocomplete").hide();
    }
});

edited Dec 14, 2014 at 11:45

answered Dec 22, 2013 at 23:36

adrianbanks

83.4k23 gold badges180 silver badges208 bronze badges

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

1 Comment

PSR Over a year ago

NOTE: that there needs to be added a , before open: for proper syntax, otherwise your (java)script won't work properly. (Since edits need at least 6 characters (why?) I had to post this as comment)

Collectives™ on Stack Overflow

disable jQuery autocomplete dropdown

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related