jquery autocomplete demo

根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。

jquery.autocomplete参考地址
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
http://docs.jquery.com/Plugins/Autocomplete
jquery.autocomplete源码

<html>
<head><title>jquery autocomplete demo</title><meta http-equiv="content-type" content="text/html; charset=gbk" /><script src="<%=path%>/auto/jquery-1.7.1.min.js"></script><script src="<%=path%>/auto/jquery.autocomplete.js"></script><link rel="stylesheet" href="<%=path%>/auto/jquery.autocomplete.css" /><script type='text/javascript'>//可改成ajax变成动态数据var address = [{ name: "西安", to: "xian" },{ name: "北京", to: "beijing" },{ name: "西宁", to: "xining" },{ name: "西藏", to: "xizang" },{ name: "天津", to: "tianjin" },]; $(function(){$('#keyword').autocomplete(address, {max: 12, //列表里的条目数minChars: 1, //自动完成激活之前填入的最小字符width: 200, //提示的宽度，溢出隐藏scrollHeight: 300, //提示的高度，溢出显示滚动条matchContains: true, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示autoFill: false, //自动填充formatItem: function(row, i, max) {return row.name;},formatMatch: function(row, i, max) {return row.name + row.to;},formatResult: function(row) {return row.to;}});});</script>
</head>
<body><h1>jquery autocomplete demo</h1><h1><input type="text" id="keyword"  style="width: 200px;"/></h1></body>
</html>

jquery autocomplete demo相关推荐

jquery.autocomplete 使用解析
页面引用 <script type="text/javascript" src="${base}/autocom/jquery-1.8.2.min.js" ...
Jquery 1000 demo
1.导航类 (1)Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 二手图书二手书特价书旧书网 (2)jQuery-Horizonta ...
JQuery Autocomplete实战
废话不多说,先看效果!~ 需要引入的资源如下 <link rel="stylesheet" href="/css/jquery.autocomplete.css&q ...
jquery.autocomplete自动补全功能
1.jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http:// ...
Jquery autocomplete插件
转自:https://www.cnblogs.com/Leo_wl/p/7845730.html Jquery autocomplete插件的使用示例回到目录 Jquery autocomplete ...
使用JQuery Autocomplete插件(一)
什么是Autocomplete效果,我们经常可以在google搜索时看到: 输入某几个关键字,google的搜索引擎会列出这个关键字对应的列表选项,然后只要其中选一个便可以了.这种功能很方便,在网 ...
jQuery Autocomplete
自动完成给我们带来了便捷的操作,这一点你完全可以在Google Sggestions得到充分的验证.下面荐一个jQuery下的自动提示插件jQuery Autcomplete plug-in,帮你完成 ...
jquery ajax自动完成,使用AJAX进行JQuery自动完成(JQuery Autocomplete with AJAX)
使用AJAX进行JQuery自动完成(JQuery Autocomplete with AJAX) 我正在尝试编写一个JQuery自动完成脚本,它将通过AJAX调用url并在用户将数据输入表单时更新自 ...
解决JQuery AutoComplete在IE9下出错的问题
JQuery AutoComplete插件在IE9下会因为bgiframe的问题出错解决方法: 引入新的bgiframe jquery.bgiframe-2.1.2.js: /*! Copyrigh ...

jquery autocomplete demo

根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。

jquery autocomplete demo相关推荐

最新文章

热门文章