首页 文章

JqueryUI自动完成删除结果minLength

提问于
浏览
0

我有jqueryui自动完成的问题 . 我在这样的另一个div中打印出自动完成的结果

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

当我搜索超过2个字符的内容时,这非常有用 . 但是如果我按退格键并删除一个字符,使查询小于minLength,则不再调用搜索方法,这意味着之前的结果保留在我的结果div中 . 当查询短于minLength时,有没有办法清除结果?

1 回答

  • 1

    尝试绑定事件处理程序,如:

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

相关问题