基于jQuery的自动完成功能

本文介绍了基于jQuery的示例自动完成功能,供大家参考,具体实现方法如下:

复制代码代码如下所示:

$(函数(){())

自动完成

无功maxcount = 0; / /他说最大的价值

无功thiscount = 0; / /初始化他的箱位置

$(体)。Prepend();

$(#选择)。Keyup(功能(甚至){

var v = even.which;

如果(V = = 38 = = 40 | | | | V = = 13) / /当你点击OK按钮时,按钮或数据的传输可以阻止他

{

返回;

}

txt = $(var#选择)(。Val); / /这里是获得他的输入值

如果(txt)!){

安装数据

$ ajax({

网址:birthday_autocompletion

类型:邮政

DataType:JSON

数据:{比尔。用户名:TXT

},

成功:函数(ls){

无功补偿= $(#选择偏移());

$(# autotxt )显示();

$(# autotxt )Css(上。

$(# autotxt)。Css(左

var;

maxcount = 0; / /价值

$(ls,函数(k,v){)

+;

maxcount + +;

});

$(# autotxt )Html(候选人);

$(# autotxt李:情商(0))。Css(背景

突出显示/对象

$('body)强调();

$('body)。突出($(#选择)。瓦迩());

Event.preventDefault();

当您单击一个反射

$(# autotxt李)。Click(function(){)

$(#选择)。瓦迩($(# autotxt李:情商(+ +这个ID))。文本()));

$(# autotxt)。Html();

$(# autotxt )藏();

});

移动对象

$(# autotxt李)。Hover(function(){)

$(# autotxt李)Css(背景。

$(# autotxt李:情商(+这个ID +)),Css(背景

thiscount =这个ID;},函数(){

$(# autotxt李)Css(背景。

},

错误:函数(){

$(# autotxt)。Html();

$(# autotxt )藏();

maxcount = 0;

}

});

{人}

$(# autotxt )藏();

maxcount = 0;

$(# sestart )Click();

}

});

当您在搜索值时单击主体隐藏

$()Click(函数(){)

$(# autotxt)。Html();

$(# autotxt )藏()();

thiscount = 0;

});

写移动事件密钥38键40 确定密钥13

$(体)。Keyup(功能(甚至){

var v = even.which;

如果(v=38)按钮

{

如果(thiscount!= 0){等于0是不被证明的。

$(#选择)Blur();

如果(thiscount > 0)

——thiscount;

其他的

thiscount = 0;

$(# autotxt李)Css(背景。

$(# autotxt李:情商(+ thiscount +)),Css(背景

}否则{ $(#选择),集中();}

否则}如果(v=40){键按下

如果(thiscount < maxcount-1)

{

$(#选择)Blur();

+ + thiscount;

$(# autotxt李)Css(背景。

$(# autotxt李:情商(+ thiscount +)),Css(背景

}

否则}如果(v = 13){ / 按OK按钮

TT = $(var+ thiscount # )(文本);

如果(TT)!

{

$(#选择)。瓦迩(TT);

$(# autotxt)。Html();

$(# autotxt )藏();

}其他

{

如果($(#选择)瓦迩()!=)

$(# sestart )Click();

}

{人}

如果($(# autotxt )Html()!=)

{

$(#选择)重点();

thiscount = 0;

}

}

});

});



希望本文能对大家的jQuery程序设计有所帮助。