jquery autoComplete 插件
2016-06-22 10:14
579 查看
github:
官网demo
cdn:
我的demo:
参数1:term 为 文本框输入的内容
参数2:suggest 是一个核心函数,将字符串数组添加到自动完成的列表中
[b]远程获取数据[/b]
1、term 为 文本框输入的内容
2、q为$_GET参数
3、这里回调的data已经通过JSON.parse处理过可以直接使用了
https://github.com/Pixabay/jQuery-autoComplete/blob/master/demo.html
官网demo
https://goodies.pixabay.com/jquery/auto-complete/demo.html
cdn:
<script src='//cdn.bootcss.com/jquery-autocomplete/1.0.7/jquery.auto-complete.min.js'></script> <link href='//cdn.bootcss.com/jquery-autocomplete/1.0.7/jquery.auto-complete.min.css' rel='stylesheet'>
我的demo:
参数1:term 为 文本框输入的内容
参数2:suggest 是一个核心函数,将字符串数组添加到自动完成的列表中
$(function() { $('#exampleInputAmount').autoComplete({ minChars: 1, source: function(term, suggest){ term = term.toLowerCase(); var choices = ['ActionScript', 'AppleScript', 'Asp', 'Assembly', 'BASIC', 'Batch', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'PowerShell', 'Python', 'Ruby', 'Scala', 'Scheme', 'SQL', 'TeX', 'XML']; var suggestions = []; for (i=0;i<choices.length;i++) if (~choices[i].toLowerCase().indexOf(term)) suggestions.push(choices[i]); suggest(suggestions); } }); })
[b]远程获取数据[/b]
1、term 为 文本框输入的内容
2、q为$_GET参数
3、这里回调的data已经通过JSON.parse处理过可以直接使用了
$('#exampleInputAmount').autoComplete({ minChars: 1, source: function(term, suggest) { term = term.toLowerCase(); $.getJSON('?type=autoComplete', { q:term }, function(data){ //console.log(JSON.stringify(data)); console.log(data); }); } });
相关文章推荐
- ECSHOP中transport.js和jquery的冲突的简单解决办法
- Jquery Validate 相关参数及常用的自定义验证规则
- JQUERY选中问题
- jquery实现返回顶部特效
- Jquery+html+css实现广告条
- VS中的jQuery
- jQuery如何用正则表达式验证手机号、身份证号、中文名称
- jQuery实现指定区域外单击关闭指定层的方法【经典】
- jQuery soColorPacker 网页拾色器
- 浅析jQuery Ajax通用js封装
- 基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
- jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
- jQuery UI结合Ajax创建可定制的Web界面
- js、jQuery 关于下拉框 取值操作
- jquery对checkbox的取值问题
- jquery添加光棒效果的各种方式以及简单动画复杂动画
- jQuery总结
- jquery复选框应用
- jquery下拉框应用
- jquery合成事件hover(enter,leave