JqueryUI Autocomplete Ergebnisse entfernen minLength

Question

Ich habe ein Problem mit der Autovervollständigung von jqueryui. Ich mag dieses

in einem anderen div die Ergebnisse der zur automatischen Vervollständigung auszudrucken

 $(function() { 
      var ac = $("#search").autocomplete({ 
       source: "myurl", 
       search: function (event, ui) { 
        // clear the existing result set 
        $('#results').empty(); 
       }, 
       minLength: 3 
      }); 
      ac.data('ui-autocomplete')._renderItem = function (ul, item) { 
       return $('<div class="col-md-2">' + 
         '<div class="thumbail">' + 
         '<a href="#"></a>' + 
         '</div>' + 
         '</div>') 
         .appendTo($('#results')); 
      }; 
     }); 

Dies funktioniert gut, wenn ich mit mehr als 2 Zeichen für etwas suchen. Aber wenn ich die Rücktaste drücke und ein Zeichen lösche und die Abfrage kleiner als minLength macht, wird die Suchmethode nicht mehr aufgerufen, was bedeutet, dass die vorherigen Ergebnisse in meinem Ergebnisdiv bleiben. Gibt es eine Möglichkeit, die Ergebnisse zu löschen, wenn die Abfrage kürzer als minLength ist?

Answer 1

Versuchen Binden eines Ereignishandler wie:

$("#search").on('input', function() { 
    if ($(this).val().length >= 3) return; 
    $('#results').empty(); 
});