jquery插件:aotocomplete
aotocomplete.js
http://blog.csdn.net/smeyou/article/details/7980273?_t_t_t=0.3565731019350138
$(function() {
//alert(goodObj)
//alert(emails)
$('#typeNum').autocomplete(goodObj, {
max: 1000, //列表里的条目数
minChars: 0, //自动完成激活之前填入的最小字符
width: 400, //提示的宽度,溢出隐藏
scrollHeight: 200, //提示的高度,溢出显示滚动条
matchContains: true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill: false, //自动填充
mustMatch:true,
formatItem: function(row, i, max) {
return i + '/' + max + ':"' + row.typeNum + '"[' + row.serialNum + ']'+"库存:"+'"[' + row.repertory + ']';
},
formatMatch: function(row, i, max) {
return row.typeNum +"/"+ row.serialNum;
},
formatResult: function(row) {
return row.typeNum +"/"+ row.serialNum;
}
}).result(function(event, row, formatted) {
if(row) { //alert(row.serialNum);
//$(this).val(row.typeNum+" "+row.serialNum);
//alert(row.id)
}
//tr.find("input[name=id]").val(data[0]); //不加此判断会报错:data[0]为null
});
});
var emails = [
{ name: "Peter Pan", to: "gggsa@pan.de",id:1 },
{ name: "Molly", to: "molly@yahoo.com",id:"2" },
{ name: "Forneria Marconi", to: "live@japan.jp",id:3 },
{ name: "Master <em>Sync</em>", to: "205bw@samsung.com",id:4 },
{ name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com",id:5 },
{ name: "Don Corleone", to: "don@vegas.com",id:6 },
{ name: "Mc Chick", to: "info@donalds.org",id:"7" },
{ name: "Donnie Darko", to: "dd@timeshift.info",id:8 },
{ name: "Quake The Net", to: "webmaster@quakenet.org",id:9 },
{ name: "Dr. Write", to: "write@writable.com",id:10 },
{ name: "GG Bond", to: "Bond@qq.com",id:11 },
{ name: "Zhuzhu Xia", to: "zhuzhu@qq.com",id:12 }
]; $(function() {
$('#keyword').autocomplete(emails, {
max: 10, //列表里的条目数
minChars: 0, //自动完成激活之前填入的最小字符
width: 400, //提示的宽度,溢出隐藏
scrollHeight: 300, //提示的高度,溢出显示滚动条
matchContains: true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill: false, //自动填充
formatItem: function(row, i, max) {
return i + '/' + max + ':"' + row.name + '"[' + row.to + ']'+'"[' + row.id + ']';
},
formatMatch: function(row, i, max) {
return row.name + row.to;
},
formatResult: function(row) {
return row.to;
}
}).result(function(event, row, formatted) {
alert(row.to);
});
});
var emails = [
{ name: "Peter Pan", to: "gggsa@pan.de",id:1 },
{ name: "Molly", to: "molly@yahoo.com",id:"2" },
{ name: "Forneria Marconi", to: "live@japan.jp",id:3 },
{ name: "Master <em>Sync</em>", to: "205bw@samsung.com",id:4 },
{ name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com",id:5 },
{ name: "Don Corleone", to: "don@vegas.com",id:6 },
{ name: "Mc Chick", to: "info@donalds.org",id:"7" },
{ name: "Donnie Darko", to: "dd@timeshift.info",id:8 },
{ name: "Quake The Net", to: "webmaster@quakenet.org",id:9 },
{ name: "Dr. Write", to: "write@writable.com",id:10 },
{ name: "GG Bond", to: "Bond@qq.com",id:11 },
{ name: "Zhuzhu Xia", to: "zhuzhu@qq.com",id:12 }
]; $(function() {
$('#keyword').autocomplete(emails, {
max: 10, //列表里的条目数
minChars: 0, //自动完成激活之前填入的最小字符
width: 400, //提示的宽度,溢出隐藏
scrollHeight: 300, //提示的高度,溢出显示滚动条
matchContains: true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill: false, //自动填充
formatItem: function(row, i, max) {
return i + '/' + max + ':"' + row.name + '"[' + row.to + ']'+'"[' + row.id + ']';
},
formatMatch: function(row, i, max) {
return row.name + row.to;
},
formatResult: function(row) {
return row.to;
}
}).result(function(event, row, formatted) {
alert(row.to);
});
});
jquery插件:aotocomplete的更多相关文章
- 自己写jquery插件之模版插件高级篇(一)
需求场景 最近项目改版中,发现很多地方有这样一个操作(见下图gif动画演示),很多地方都有用到.这里不讨论它的用户体验怎么样. 仅仅是从复用的角度,如果每个页面都去写text和select元素,两个b ...
- JQuery插件定义
一:导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery.我曾经也是这样的人 ...
- BootStrap_04之jQuery插件(导航、轮播)、以及Less
1.列偏移与列排序: ①列偏移:控制列出现的位置,某列偏移后,后序列会随之偏移--只能右偏移: col-lg/md/sm/xs-offset-*; ②列排序:控制某一列的位置,该列可以左(pull)右 ...
- 锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery 可以为后来的元素绑定事件 类似于jQuery中的live()方法 4.jQuer ...
- 2016年6月份那些最实用的 jQuery 插件专辑
jQuery 是一个快速.流行的 JavaScript 库,jQuery 用于文档处理.事件处理.动画和 Ajax 交互非常简单,学习曲线也很平坦.2016年6月的 jQuery 插件专辑里,我们选择 ...
- 教你开发jQuery插件(转)
教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文: ...
- Lazy Load, 延迟加载图片的 jQuery 插件.
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...
- JS原生ajax与Jquery插件ajax深入学习
序言: 近来随着项目的上线实施,稍微有点空闲,闲暇之时偶然发现之前写的关于javascript原生xmlHttpRequest ajax方法以及后来jquery插件ajax方法,于是就行了一些总结,因 ...
- jquery插件扩展的学习
jquery插件的学习可以点击这里 举个例子 //首先先来一个插件 (function($){ $.fn.extent({ bigfont:function(){ return this.css('f ...
- Jquery 插件\Js 插件收集
1.linq.js 使得js 的数组像c#的linq操作一下样 http://linqjs.codeplex.com/ 2.分页插件 https://github.com/mricle/Mricode ...
随机推荐
- UVA 10910 Marks Distribution
题意 把数字T分成N个数的和,保证这N个数中最小的数大于P.求方案数目 另f[i][j]表示把i分成j个数的和的方案数 f[i][j]=f[i][j-1]+f[i-1][j-1]+f[i-2][j-1 ...
- usb驱动---linux ACM驱动详解ACA【转】
转自:http://blog.chinaunix.net/uid-9185047-id-3404684.html DTE提供或接收数据,连接到网络中的用户端机器,主要是计算机和终端设备.与此相对地,在 ...
- 明远智睿IMX6Q Android4.4.2移植USBWIFI(RTL8188EUS)
移植过程中得到网友的不少帮助,很感谢!为了让更多的网友不像我这样折腾,特写此文以做参照.过程中主要参考< Realtek_Wi-Fi_SDK_for_Android_KK_4_4.pdf > ...
- SpringBoot部署到Linux服务器
今天来谈一下,用SpringBoot写的Demo来配置到Linux服务器. 这里,我用阿里云服务器作为实例,SpringBoot集成了SpringMvC+ mybatis 框架,用maven管理jar ...
- 解析转换json xml 集合 ado
json提取 string str = "[{\"JUDGE_RESULT\":\"B类\",\"JUDGE_RESULT\":\ ...
- (11)oracle触发器
触发器是特殊的存储过程. 每当一个特定的数据操作语句(inster,update,delete)在指定的表上触发时,Oracle自动的地执行触发器中定义的语句序列. create trigger 触发 ...
- jenkins新手入门教程
Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能. 虽然jenkins提供了Window.Lin ...
- Longest Common Substring($LCS$)
Longest Common Substring(\(LCS\)) 什么是子序列? 子序列就是某一个序列的不连续的一部分. 如图, \(abcde\)就是图中序列的一个子序列. 公共子序列 公共子序列 ...
- 又是一年NOIP然鹅我考的是高数(虽然我没打并且内容与NOIP无关)(手动滑稽)
好长时间没有写过总结了.也是高三结束,自招结束.成功的由国宝变为四害,整个人也是完全放松的,或者说是放肆的. 整个暑假都是游戏睡觉,游戏睡觉,也没有干什么有意义的事.有人说别人都在学习大一课程的时候我 ...
- 透视投影(Perspective Projection)变换推导
透视投影是3D固定流水线的重要组成部分,是将相机空间中的点从视锥体(frustum)变换到规则观察体(Canonical View Volume)中,待裁剪完毕后进行透视除法的行为.在算法中它是通过透 ...