jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery自动完成 – 没有结果消息大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如果没有找到结果,我希望自动完成在其下拉列表中显示“无结果”.

我的情况就像JQuery认示例.

$(function() {
    var availableTags = [
        "ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell","Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"
        ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});

谢谢您的帮助.

解决方法

以下是您可以实现此目标的一种方法

$(function() {
    var availableTags = [ /* snip */];  
    var NoResultsLabel = "No Results";

    $("#tags").autocomplete({
        source: function(request,response) {
            var results = $.ui.autocomplete.filter(availableTags,request.term);

            if (!results.length) {
                results = [NoResultsLabel];
            }

            response(results);
        },select: function (event,ui) {
            if (ui.item.label === NoResultsLabel) {
                event.preventDefault();
            }
        },focus: function (event,ui) {
            if (ui.item.label === NoResultsLabel) {
                event.preventDefault();
            }
        }
    });
});

基本上,您需要提供函数引用作为自动完成的源.在该函数内部,您可以使用相同的实用程序函数($.ui.autocomplete.filter)来过滤结果.然后你可以看到结果数组是否为空.如果是,则可以向结果列表添加认消息.

我指定的其他两个选项会阻止选择或关注“无结果”选项.

示例:http://jsfiddle.net/er6LF/

大佬总结

以上是大佬教程为你收集整理的Jquery自动完成 – 没有结果消息全部内容,希望文章能够帮你解决Jquery自动完成 – 没有结果消息所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: