众所周知,
jquery 的 autocomplete 有一个result()方法,
供大家在用户选择了li中的某个值的时候执行用户自定义方法,
这样就能解决后台传来key,value,用户选择了key,隐藏域储存了value的问题.
但是这个result()方法有一个小bug
例如你的autocomplete 设置了autoFill: true, //自动填充,
匹配项里有'abcdefg',当你输入了'ab'之后,发现abcdefg都被加载到了input,
这个时候,用鼠标点击页面其他位置时,并没有激发result()事件.
或者你ctrl+v进去'abcdef',然后用鼠标点击页面其他位置,也没有激发result().
这样会引发一个问题,我在result()事件执行了记录value的方法
用户粘贴进去一个正确的key,但是我却没能把对应的value记录下来.
我看了一个下午autocomplete 的源码.没看出来所以然,
有没有nb人能解决这个问题,或者提供一个解决此问题的思路
感激不尽!!!
code:
- JScript code
var url="suppliernumber.do?action=getAllSupplierNumberShort"; $.getJSON(url,function(data){ if(data!=null){ var allSupplierNumber=data.allSupplierNumber; $("#jgFactory").autocomplete(allSupplierNumber,{ max: 12, //列表里的条目数 minChars: 0, //自动完成激活之前填入的最小字符 width: 400, //提示的宽度,溢出隐藏 scrollHeight: 300, //提示的高度,溢出显示滚动条 matchContains: true, //模糊匹配 //mustMatch:true,//输入错误值是否填充 selectFirst:true,//自动选择第一个 autoFill: true, //自动填充 formatItem: function(row, i, max) {//下拉列表处理函数 return row.supplierIntro; }, formatMatch: function(row, i, max) {//格式化input显示内容 return row.supplierIntro; }, formatResult: function(row) { return row.supplierIntro; } }).result(function(event, data, formatted) { $("#jgFactoryAutoid").val(data.autoid);//保存id }); } }); });
------解决方案--------------------
我就顶你
------解决方案--------------------
晕啊原来有result这个函数啊!我自己在它里面加的代码,就是用户选择下拉内容的时候触发751行处吧,希望对你有用
- JScript code
selected: function() { var selected = listItems && listItems.filter("." + CLASSES.ACTIVE).removeClass(CLASSES.ACTIVE); //我加的代码 if(document.getElementById('can_win')){ var money = selected[0].innerHTML.toString().toLowerCase().replace(/<strong>|<\/strong>/g, ''); mathCanWin(money); } return selected && selected.length && $.data(selected[0], "ac_data"); },