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