JqueryUI自动完成删除结果minLength

时间:2016-05-12 19:11:04

标签: jquery-ui jquery-ui-autocomplete

我遇到了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 个答案:

答案 0 :(得分:1)

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

@{
    var ctrl = Model is WomanProduct ? "Woman" : "Man";
}
@using (Html.BeginForm("Edit", ctrl, FormMethod.Get))