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);
                }
            });
Was it helpful?

Solution

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();
    }
});
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top