jQuery autocomplete插件修改

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

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

【 tulaoshi.com - Web开发】

文件打包下载

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

来源:http://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 图片预加载自动等比例缩放插件 02-19
jquery 最简单易用的表单验证插件 02-19
jQuery formValidator表单验证插件开源了含API帮助、 02-19
jQuery animate效果演示 02-19
Jquery 学习笔记（二） 02-19

jquery tagname 取得方法

标签： Web开发

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

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

标签： Web开发

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

初试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...

jQuery 练习[一] 学习jquery的准备工作

标签： Web开发

使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http:/...

查看更多精彩>>