tokeninput—jquery输入提示自动完成插件

点此下载 插件简介： 英文说明：http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/ 类似google搜索的自动完成的功能，但UI有所增强。内含二个皮肤，其中个人比较推崇facebook的那个样式。大家可以看截图和演示 目前这个插件完美支持英文，但在中文输入的有bug，就是你输入完中文后，退删除一个字符，才会触发ajax事件。之前有好几个朋友向我询问解决方案。 现在已经解决这一个问题，其实只要把keydown换为keyup即可。中文示例与修改后的源代码请看压缩包 插件使用说明： 第一步：引进JQ库和插件JS文件,还有CSS文件 <script src="/admin/blogs/jquery-1.3.2.min.js" type="text/javascript"></script><script src="/admin/blogs/jquery.tokeninput.js" type="text/javascript"></script> 其中的token-input-facebook.css，就是我所说的facebook样式。 第二步：初始化插件 $("#tokenize").tokenInput("./test.php", { hintText: "Type in the names of your favorite TV shows", noResultsText: "No results", searchingText: "Searching..." }); 第三步：服务器端编程（这里使用php） 关键点说明：插件会向服务器端传输查询字段q,使用的是get方法。所以服务器端通过截取q值，来提取数据库的数据，php中： $_GET['q']。最后返回的必须是json数据结构： [{"id":"856","name":"House"}, {"id":"1035","name":"Desperate Housewives"}, {"id":"1048","name":"Dollhouse"}, {"id":"1113","name":"Full House"} ] 原文连接：http://www.36ria.com/129