基于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程序设计有所帮助。