jQuery的自动完成插件 Autocomplete

MIT/GPL
JavaScript 查看源码»
跨平台
2008-09-19

这是一个在文本输入框中实现自动完成的jQuery插件。本站采用了该插件。

使用代码示例:

$("#f_prj_name").autocomplete("/list_projects_of_prefix", {
    minChars: 1,
    width: 310,
    matchContains: true,
    autoFill: false,
    formatItem: function(data, i, n, v) {
        return i + ":" + v;            
    },
    formatResult: function(data,v) {
        return v;
    }
});

而服务器返回的数据很简单,返回的文本每一行放一个匹配的结果即可。

运行后界面如下图所示:

的码云指数为
超过 的项目
加载中

评论(7)

推荐方案
推荐方案
实现一个智能提示功能需要ajax、数据库、jsp/php、算法等很多知识, 如果数据量大,还需要特殊优化 一个小功能,花费太大精力很不划算 我使用了92find.c-o-m的搜索框智能提示功能托管服务, 只要一行javascript代码就可以实现百度、淘宝搜索框提示的全部功能 比如:汉字拼音匹配、拼音前缀匹配、模糊搜索、智能容错,还可以自定义提示词汇及其排序权重 花五分钟我的网站就可以部署同百度、淘宝一样强大好用的输入提示功能 同时兼容IE、Firefox、Safari、Chrome、Opera
礼物de绷带
礼物de绷带
https://github.com/agarzola/jQueryAutocompletePlugin #Autocomplete#
剑禅觅心
剑禅觅心
JollyRoger
JollyRoger
@红薯 这个插件下载地址有问题了 Autocomplete
渗透
渗透
u
udian
动弹的作用是什么? Autocomplete
陈雷
陈雷
@红薯 的代码注释里面经常见到诗句 Autocomplete

Autocomplete 两个不同的更新版本

Autocomplete 是一个实现输入框自动完成的 jQuery 插件,oschina好像就使用了这款插件。 运行后界面如下图所示: 从 Autocomplete 的官方上发现该插件已经不再更新(最后版本是1.0.2)了。 ...

2011/03/25 12:04

没有更多内容

加载失败,请刷新页面

没有更多内容

2
回答
邮箱自动提示输入的组件哪里有?

各大邮件服务商都有这样一个组件,可以很方便的输入收件人的邮箱,功能包括:可以输入多个邮箱地址;邮箱地址可以对联系人中的数据进行自动匹配完成;可以删除或编辑...

2013/12/11 11:35
5
回答
谁知道有这种提示框插件

有人知道携程的这种提示框怎么做的吗,有没有现在的插件

2014/12/18 10:33
1
回答
为什么会出这个问题,很奇怪

一直出这个错,不知道是哪里不对 $(function() { $('#keyword').au...

2012/08/15 09:11
1
回答
Autocomplete 的1.1.3版(现网版本)为什么很多选项都不能用?

比如autoFill,matchContains等都不能被设置啊,不知道红薯老大用的什么版本?

2010/12/09 11:44
1
回答
ajax 在autocomplete 中不能正常请求,跟html内容有关吗,我添加下面的html内容后,ajax请求就失败了

没有添加下面的html内容的时候,autocomplete下的ajax能正常请求数据,添加下面内容后,Firebug发现ajax请求就找不到了 <div ...

2016/04/24 23:09
3
回答
google搜索的autocomplete功能
进击的程序员 的回答 2013/12/20 16:35
最佳答案
找到了 http://suggestqueries.google.com/complete/search?client=chrome&q="+value+"&callback=?";
1
回答
autocomplete multiple模式,在IE浏览器下有BUG

IE浏览器下无法正常取到结果

2013/08/30 18:00
5
回答
jqueryui autocomplete 如何支持中文字符

jqueryui autocomplete 如何支持中文字符

2010/09/06 12:50
1
回答
jQuery.Autocomplete未选择行问题

选择用户名称,同时要得到Id,如果手动输入用户名称,再根据提示选择,完全没问题, 有问题的是,用户复制一个用户名,刚好只有一个,虽然有提示,但他没选择提示...

2013/08/13 17:42
6
回答
jquery autocomplete的使用!急用!

我的代码: <input name="bcBusNo" type="text" id="bcBusNo" value="" size="0"> $(doc...

2010/09/01 10:48

没有更多内容

加载失败,请刷新页面

jquery实现的类似百度搜索的输入框自动完成功能

<%@ page language="java" contentType="text/html; charset=UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xm...

2016/06/08 08:29
28
0
autocomplete.jquery 点击或进入默认显示所有结果

注意使用的是autocomplete.jquery,官网地址是:https://github.com/devbridge/jQuery-Autocomplete。而不是JqueryUI的autocomplete when I click or tab into the input filed, I want to ...

2016/06/20 16:14
280
0
火狐中存在的input、select缓存问题,清除input缓存

火狐默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除 缓存记录。 如果不想让ff缓存input的值,有2种方法: 方法一: 在不想使用缓存的input 中添加 autocomplete="off"; eg: <input...

2012/12/15 11:37
527
0
html禁止清除input文本输入缓存

多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值,有2种方法: 方法一: 在不想使用缓存的input中添加 autocomplete="off"; ...

2013/09/05 10:10
1K
0
jquery插件整理篇(四)自动补全类插件

(1)AutoComplete-JQuery jQuery插件易于集成到现在的表单中(Form)。 (2)Facebook like Autocomplete 基于jQuery开发,类似于FaceBoox提供的AutoCompleter。 二手图书 二手书 特价书 旧书...

2014/08/21 23:04
28
1
jQuery插件之autocomplete(一)-主要参数配置

当前插件(jQuery autocomplete) 官网 : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ (可下载jQuery autocomplete插件)。 下面来使用 autocomplete插件来实现类似...

2012/03/14 16:05
936
0
jquery autocomplete 自动完成插件

引用插件有: ``` "> ``` ``` /* autocomplete功能 */ var autoData = ${mapList}; $("#auto").autocomplete(autoData, { minChars: 1, //最少输入字条 minLength: 0, max: 12, autoFill: t...

2016/08/24 17:30
97
1
jquery-autoComplete 处理返回的json对象问题

由于项目中需要autocomplete,且项目中一直使用jquer的框架。所以继续选用jquery 的插件jquery-autocomplete,看到jquery-autocomplete自带的demo感觉很是容易但是在使用中却没有想象中的那么...

2013/06/24 18:29
129
0
jquery 自动完成 Autocomplete

1. jQuery Autocomplete Mod jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。 主页: http://www.pengoworks.com/workshop/jquery/autocomplete.htm 下载: http://www.pengoworks....

2013/02/01 14:50
253
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部