自动补全插件autocomplete.js的使用示例

1 看本文前,请先看http://www.jb51.net/article/24219.htm,上面需要对接的数据都是标准格式,所以不需要太麻烦,如:

var x = [ 
{ name: "Peter Pan", to: "[email protected]" }, 
{ name: "Molly", to: "[email protected]" }, 
{ name: "Forneria Marconi", to: "[email protected]" }
]; 

2 如果我们操作本地的数据,那么也很简单,只要按照标准格式传就行了

3 但是如果我们跟后台对接,而后台返回的数据很乱,如:

自动补全插件autocomplete.js的使用示例_第1张图片

那么,我们就需要处理一下,可以配置autocomplete的parse项。


示例:



 
  
  
  
  test
  
  
  
  
    

  
 
 

    

 
  


自动补全插件autocomplete.js的使用示例_第2张图片

最后,有以下比较重要的情况,网上都没有讲到:

1 $('input').unautocomplete();//销毁插件实例

2 修改提示框方向(上、下)需要修改源码

自动补全插件autocomplete.js的使用示例_第3张图片


你可能感兴趣的:(jQuery插件)