jQuery autocomplete插件修改

2016-02-19 16:06 8 1 收藏

今天图老师小编要向大家分享个jQuery autocomplete插件修改教程，过程简单易学，相信聪明的你一定能轻松get！

【 tulaoshi.com - Web开发】

文件打包下载

主要修改了两个地方：
一、上下选择与输入值同步问题。
　　输入关键字后，当出现了下拉选项，用键盘的上下键选择时，关键字输入框的值，没有与你选择的值同步。插件是老外写的，可能他没有考虑到这一点。
二、修正了在firefox下中文输入，没有激活自动提交的问题。
　　老外当然不会用到中文输入，这个bug存在也理所当然了。
另：附件里的实现了选择后自动提交，也就和google、百度的效果完全一样了。

来源:https://www.tulaoshi.com/n/20160219/1611049.html

上一篇：详解MySQL分组查询Group By实现原理
下一篇： jquery $.ajax入门应用二

看过《jQuery autocomplete插件修改》的人还看了以下文章更多>>

jQuery autocomplete插件修改 02-19
jQuery AnythingSlider滑动效果插件 02-19
jQuery 插件开发其实很简单 02-19
JQuery 插件制作实践 xMarquee插件V1.0 02-19
jquery 插件任意位置浮动固定层 02-19
JQuery Jcrop 实现图片裁剪的插件下载 02-19
jquery 图片预加载自动等比例缩放插件 02-19
jquery 最简单易用的表单验证插件 02-19
jQuery formValidator表单验证插件开源了含API帮助、 02-19
Jquery 学习笔记（二） 02-19

jQuery animate效果演示

标签： Web开发

animate(params[,duration[,easing[,callback]]]) 用于创建自定义动画的函数。br / 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到...

JQuery 无废话系列教程(一) jquery入门 [推荐]

标签： Web开发

本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!？ BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识. JQuery是什么 JQuery只是一个JS文件人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时...

jquery tagname 取得方法

标签： Web开发

如果你查找Jquery的API，会发现这个好象是Jquery的一个盲点，找来找去也没有明确说明用什么办法可以取到HTML标签的名字，如果直接用 $("H1").tagName 这样的方式也无法取到“H1”这样的值，好象只会得到“undifined”。后来发现Jquery居然将tagName也视为属性之一了，有趣。所以用 $("H1").attr("tagName") !DOCTYPE html PUBLIC "-...

初试jQuery EasyUI 使用介绍

标签： Web开发

打包下载 jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，d...

jquery 弹出公告功能代码

标签： Web开发

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapi...

查看更多精彩>>