Jquery Ui AutoComplete自动填写的功能

用到的jquery 和jquery ui 的版本如下：

jQuery v1.12.4

jQuery UI - v1.11.0

有部分版本会有一些这样那样的问题，具体原因未深究。

jquery 的代码如下

$("#id_customer").autocomplete({source:function (request,response) {var findResult = [];$.ajax({url:"/ips/get_customername_list/",data:{"term":request.term},type:'GET',success:function(data){data = JSON.parse(data);console.log(data);var search_cus = request.term;findResult = $.grep(data,function(value,index){return value.indexOf(search_cus) > -1;});response(data);}});}})

ajax到后台获取的数据

后台返回的数据格式是一个数组：['data1','data2','data3'........'data100']

有一些需要修改的css样式，具体根据自己的情况调整：

.ui-menu {width: 100px;list-style: none;margin-left: -50px;padding-left:0px ;
}
.ui-menu  .ui-menu-item{background-color: #fff;height: 25px;line-height: 25px;text-indent: 10px;
}
.ui-menu  .ui-menu-item:hover{color:#fff;background-color: #1b6d85;
}
.ui-menu .ui-state-focus{color:#fff;background-color: #1b6d85;
}

转载于:https://www.cnblogs.com/pyghost/p/11016608.html

Jquery Ui AutoComplete自动填写的功能相关推荐

jQuery UI Autocomplete是jQuery UI的自动完成组件
jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大.最灵活的Autocomplete,它支持本地的Array/JSON数组.通过ajax请求的Array/ ...
JQuery UI AutoComplete 与 Strtus2 结合使用
这篇文章中完成一个搜索城市的示例程序,输入城市名称或者拼音首字母,返回城市的智能提示.使用了JQuery UI AutoComplete插件. 首先,看一下效果图,了解程序完成后是一个什么样子. 汉字 ...
html5拖动的面板 panel,基于jQuery UI的Bootstrap Panel面板功能增强插件
LobiPanel是一款基于jQuery UI的Bootstrap Panel面板功能增强插件.通过该插件可以为Bootstrap的原生Panel面板增加编辑标题,最大化,最小化,面板拖动关闭面板等功 ...
jQuery UI Autocomplete示例（一）
今天看到这么个教程,分享给新手学习 AutoComplete 在获取焦点后,随着用户键入的内容,可以在预订的数据源中查找和已输入的内容相匹配的内容列表供用户选择. 这可以用作之前输入过的内容也可以用作 ...
[转]JQuery ui 实现类似于confirm的功能
本文转自:http://www.cnblogs.com/JerryWang1991/archive/2011/08/04/2127503.html 今天在改进参加一个全国比赛的项目作品时,发现使用了大 ...
spacemacs auto-complete 自动补全功能
auto-complete实现的功能只有如下:你在输入过function这个关键字后,在以后输入的时候,就会自动补全. auto-complete不能实现语言的关键字自动补全. 此操作的安装环境为:m ...
jQuery搜索框自动补全功能插件实现-autocomplete.js
最近用nodeclub实现股票的输入关键字自动补全股票信息进行搜索功能,原先用jQuery-ui,结果jQuery-ui库太大,所以考虑用其他插件,最终选择使用autocomplete.js,控件简单 ...
jquery.autocomplete自动补全功能
1.jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http:// ...
jquery ui autocomplete输入中文不自动完成的问题
因为输入法或浏览器的问题,在输入中文后并没有触发自动完成,要再按多一下键盘才触发,查看发现它是用keydown来实现 .bind("keydown.autocomplete", f ...

Jquery Ui AutoComplete自动填写的功能

Jquery Ui AutoComplete自动填写的功能相关推荐

最新文章

热门文章