插件使用&＃xff1a;
// securInfo 接口返回data数据
$(".grxxgraduSchool").autocomplete(securInfo,{minChars : 0,// 自动完成激活之前填入的最小字符max : 12, // 列表条目数width : 577, // 提示的宽度scrollHeight : 300,// 提示的高度matchContains : true,// 是否只要包含文本框里的就可以autoFill : false,// 自动填充formatItem : function(data, i, max) {// 格式化列表中的条目// row:条目对象,i:当前条目数,max:总条目数 val&＃61;&＃39;"&＃43;data.ID&＃43;"&＃39;return &＃39;&＃39; &＃43; data.ChnTitle&＃43; &＃39;
&＃39;;},formatMatch : function(data, i, max) {// 配合formatItem使用&＃xff0c;作用在于&＃xff0c;由于使用了formatItem&＃xff0c;所以条目中的内容有所改变&＃xff0c;而我们要匹配的是原始的数据&＃xff0c;所以用formatMatch做一个调整&＃xff0c;使之匹配原始数据return data.ID &＃43; data.ChnTitle;},formatResult : function(data) {// 定义最终返回的数据&＃xff0c;比如我们还是要返回原始数据&＃xff0c;而不是formatItem过的数据return data.ChnTitle;}}).result(function(event, data, formatted) {// alert(data.SecuAbbr); // 返回所选下拉框的值 问题&＃xff1a;会返回多次});
1.第一次点击&＃xff08;获得焦点时不触发检索&＃xff09;&＃xff1a;
autocomplete.js&＃xff1a;165行
.click(function() {// show select when clicking in a focused fieldif ( hasFocus&＃43;&＃43; > 1 && !select.visible() ) {onChange(0, true);}
}&＃xff09;改成&＃xff1a;
.click(function() {// show select when clicking in a focused fieldif ( &＃43;&＃43;hasFocus >&＃61; 1 && !select.visible() ) {onChange(0, true);}}&＃xff09;
2.IE第一个汉字不能进行检索&＃xff1a;
autocomplete.js&＃xff1a;199行 新增
.bind("input", function() {onChange(0, true);
})
3.IE第一次点击&＃xff08;获取焦点&＃xff09;时 再次不能进行检索&＃xff1a;
js 添加事件 页面一加载就执行autocomplete
// 新增代码
var orgList&＃61; JSON.parse(localStorage.getItem(&＃39;orgList&＃39;)), securInfo;
base_ajaxPost("../../org/getAllOrg",null, function (result) {localStorage.setItem(&＃39;orgList&＃39;, JSON.stringify(result.data.org));securInfo &＃61; result.data.org;getOrgan(securInfo);
},1)// 新增代码$(&＃39;#select_org&＃39;).focus(function(){getOrgan(securInfo);
});
4.支持多选
设置属性即可&＃xff1a;
multiple: false, //是否允许输入多个值. Default: false
问题&＃xff1a;插件在谷歌测试没有问题&＃xff0c;ie一直报错。794行&＃xff1a;document.selection.createRange()
ie不支持这个方法。换成 &＃xff1a; document.getSelection() 虽然不报错
但是&＃xff1a; 插件多选的时候始终会把新选的值替换掉第一个值。并不能实现模糊查询多选
问题未解决。
京公网安备 11010802041100号