使用jQuery的 autocomplete 實現輸入框 自動提示補全


參考網址:

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;
            });

 

打賞

免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2023 CODEPRJ.COM