www.6766.comJquery插件仿百度搜索关键字自动匹配功能_jquery_脚本之家

3、设置展现样式提起底,用div和css美化表现效果。复制代码 代码如下:

上边是切实的使用办法:

Liberia

据说文件表单中的输入音信,举行主要字提醒匹配。复制代码 代码如下:{ query:’Li’, // Original
request suggestions:[‘Liberia’,’Libyan Arab
Jamahiriya’,’Liechtenstein’,’Lithuania’], // List of suggestions
data:[‘LR’,’LY’,’LI’,’LT’] // Optional parameter: list of keys for
suggestion options; used in callback functions. }

   #txtKey{ width:300px;}      $ { var array = ['asp.net', 'asp.net mvc', 'wcf', 'wpf', 'win8', 'windows phone', '张东', '张熙', '张亚飞']; /*autocomplete函数 获取txtKey中用户输入的值将获取的值和array集合中的元素进行比较,找出匹配的元素,并显示出来 会将用户选择的项添加到txtKey中*/ /*result函数:对用户选择的结果进行操作。data参数表示用户选择的项*/ $.autocomplete.result(function  { window.location.href = 'http://www.baidu.com/s?wd=' + data + '&rsv_bp=0&ch=&tn=baidu&bar=&rsv_spt=3&ie=utf-8&rsv_sug3=6&rsv_sug=0&rsv_sug1=3&rsv_sug4=229&inputT=1458'; }) })   

带头化 AutoComplete 对象,确定保证准确加载 DOM
对象,不然IE下的客户大概会身不由己谬误。复制代码 代码如下:$.autocomplete({ serviceUrl:
‘service/autocomplete.ashx’, // Page for processing autocomplete
requests minChars: 2, // Minimum request length for triggering
autocomplete delimiter: /s*/, // Delimiter for separating requests
maxHeight: 400, // Maximum height of the suggestion list, in pixels
width: 300, // List width zIndex: 9999, // List’s z-index
deferRequestBy: 0, // Request delay , if you prefer not to send lots of
requests while the user is typing. I usually set the delay at 300 ms.
params: { country: ‘Yes’}, // Additional parameters onSelect: function{
}, // Callback function, triggered if one of the suggested options is
selected, lookup: [‘January’, ‘February’, ‘March’] // List of
suggestions for local autocomplete });

Liechtenstein

4、实例批注

如上便是关于jQuery
AutoComplete
行使办法介绍,通过总体示例为大家来得jQuery
AutoComplete使用效果,希望对大家的求学抱有助于。

2、使用方法

1、使用安装

为要兑现活动相配提醒的 input 表单增多 AutoComplete 成效。

复制代码 代码如下:var ac =
$.autocomplete; ac.disable; ac.setOptons;

本文实例为大家狼吞虎餐了Jquery寻觅关键字自动相配效率的得以实现代码,供大家参谋,具体内容如下jQuery
AutoComplete

是二个依照jQuery达成搜索关键字自动相称提醒的插件,该插件可扩大性强,表现质量杰出,方便整合到温馨的品类中应用;宽容IE
6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。

首页,要把插件的js代码嵌入到您本身的档期的顺序中去。复制代码 代码如下:

Lithuania

jQuery AutoComplete 插件支持 on/off功效,从而调整机能的按键。

.autocomplete-w1 { background:url no-repeat bottom right;
position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix:
*/ _background:none; _margin:1px 0 0 0; }.autocomplete { border:1px
solid #999; background:#FFF; cursor:default; text-align:left;
max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6
specific: */ _height:350px; _margin:0; _overflow-x:hidden;
}.autocomplete .selected { background:#F0F0F0; }.autocomplete div {
padding:2px 5px; white-space:nowrap; overflow:hidden; }.autocomplete
strong { font-weight:normal; color:#3399FF; }

Libyan Arab Jamahiriya

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图