使用jQuery的 autocomplete 实现输入框 自动提示补全

时间:2022-11-27 05:24:56

参考网址:

https://www.cnblogs.com/jinzhiming/p/6768402.html

插件下载地址:

链接:https://pan.baidu.com/s/1SpP3hixZ1ej0z4aqpzg2SA
提取码:q9m4

参考原文

有个要注意的地方 如果你是会反复的更新提示内容

$("#txNewOrderSelectCountry").unautocomplete();//首先得清除掉之前的提示,
            $("#txNewOrderSelectCountry").autocomplete(option, {
                max: 40,    //列表里的条目数
                minChars: 0,    //自动完成激活之前填入的最小字符
                width: $("#txNewOrderSelectCountry").width() + 50,
                scrollHeight: 300,   //提示的高度,溢出显示滚动条
                matchContains: true,    //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
                autoFill: false,    //自动填充
                formatItem: function(row, i, max) {
                    return row.name;
                },
                formatMatch: function(row, i, max) {
                    return row.name;
                },
                formatResult: function(row) {
                    return row.name;
                }
            }).result(function(event, row, formatted) {
                selectOrderReceiver_loadProvince();
                return row.name;
            });