微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – jQuery autocomplete 1.1:显示焦点上的所有数据

如何让this extension显示焦点上的所有数据?我试图将minChars更改为0但它只显示输入双击时.

$("#month").autocomplete(months, {
        minChars: 0,
        max: 12,
        autoFill: true,
        mustMatch: true,
        matchContains: false,
        scrollHeight: 220,
        formatItem: function(data, i, total) {
            // don't show the current month in the list of values (for whatever reason)
            if ( data[0] == months[new Date().getMonth()] ) 
                return false;
            return data[0];
        }
    });

解决方法:

您需要将焦点事件绑定到输入并作为结果调用jQuery UI方法.看看this js fiddle for an example

添加了以下代码

$('#month').autocomplete({
    // Your current code
}).on('focus', function(event) {
    var self = this;
    $(self).autocomplete( "search", this.value);;
});

传递给搜索方法的值是自动完成查找的内容.

如何搜索焦点上的所有值

如果您想要所有可用的下拉列表,请将其保留为“”,但将minLength:0添加到选项对象.

$('#month').autocomplete({
    minLength : 0
}).on('focus', function(event) {
    $(this).autocomplete("search", "");
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐