JavaScript 文本框下拉提示
|
admin
2011年2月19日 14:15
本文热度 5783
|
JavaScript 文本框下拉提示,类似百度和Google的输入框提示效果,这里为了演示时加载的速度比较快,选用了一些数据,输入“1”可更好的看到效果。
[code]
文本框下拉提示效果
<script type="text/javascript">
(autoComplete={
pop_len:10,
pop_cn:'autoDis',
hover_cn:'cur',
source:'13612345564|13825646464|13412236054|13012348564|13012345564|13012365564|彭小|王达|李相公|周欢欢'.split('|'),
init:function(){
this.setDom();
return this;
},
bind:function(x){
if(x.getAttribute('type') != 'text' || x.nodeName != 'INPUT')
return null;
var self = this;
x.onkeyup = function(e){
e = e || window.event;
var lis = self.pop.getElementsByTagName('li'),lens = self.pop.getElementsByTagName('li').length,n=lens,temp;
if(e.keyCode == 38){ //键盘up键被按下
if(self.pop.style.display != 'none'){
for(var i=0;i
this.pop_len?this.pop_len:bak.length;
for(var i=0;i' + bak[i] +'');
this.pop.getElementsByTagName('ul')[0].innerHTML = li.join('');
this.pop.style.display='block';
}
}).init().bind(document.getElementById('autoCom')).bind(document.getElementById('autoC'));
</script>
[/code]
该文章在 2011/2/19 14:15:24 编辑过