模拟谷哥,和百度的输入自动提示框
2011-02-23 18:48
260 查看
//sam add 获得model 相似列表
var _indexlen=0;
var _index=-1;
var _lilist=null;
var _lilistdiv=null;
var evsrc=null;
var responsehtml='';
//xajax.callback.global.onRequest = function(){alert('开始');}; //xajax 提交前
xajax.callback.global.onComplete=function(){initlilist();}; //xajax 请求完毕事件
$('input[name=model[]]').bind("keyup",function(e){
evsrc=$(e.target);
switch(e.keyCode){
case 40://方向键下
if(_indexlen>0){
if(_index==_indexlen) _index=-1;
$(_lilist[_index+1]).css('background','#ffffff');
if(_index>=0) $(_lilist[_index]).css('background','');
_index=_index+1;
}
break;
case 38://方向键上
if(_indexlen>0){
if(_index==-1) _index=_indexlen;
$(_lilist[_index-1]).css('background','#ffffff');
if(_index>=0) $(_lilist[_index]).css('background','');
_index=_index-1;
}
break;
case 13://回车键
if(_indexlen>0){
$(e.target).val(_lilist[_index].innerHTML);
_lilistdiv.remove();
}
break;
default://默认为提交查询
var p=$(e.target).parents("tr");
var val=$(e.target).val();
var bigclassid =p.find('.bigclassid').val();
var smallclassid=p.find('.smallclassid').val();
var brandid=p.find('.brandid').val();
xajax_getLikemodel(bigclassid,smallclassid,brandid,val); //xajax 函数调用
}
})
$(document).bind("click",function(e){
if(_lilistdiv!=null) _lilistdiv.remove();
});
function initlilist(){
$(evsrc).parent().css("position","relative");
//responsehtml="<ul><li>xxxxxxx1</li><li>xxxxxxxxx3</li></ul>";
_lilistdiv=$("<div class=sam_pop >"+responsehtml+"</div>");
$(evsrc).parent().append(_lilistdiv);
_lilistdiv.find("li").bind("click",function(e){
evsrc.val($(e.target).html());
_lilistdiv.remove();
});
_lilistdiv.find("li").bind("mouseover ",function(e){
_lilistdiv.find("li").css('background','');
$(e.target).css('background','#ffffff');
});
_lilist=$(evsrc).parent().find('li');
_indexlen=_lilist.length;
_index=-1;
}
var _indexlen=0;
var _index=-1;
var _lilist=null;
var _lilistdiv=null;
var evsrc=null;
var responsehtml='';
//xajax.callback.global.onRequest = function(){alert('开始');}; //xajax 提交前
xajax.callback.global.onComplete=function(){initlilist();}; //xajax 请求完毕事件
$('input[name=model[]]').bind("keyup",function(e){
evsrc=$(e.target);
switch(e.keyCode){
case 40://方向键下
if(_indexlen>0){
if(_index==_indexlen) _index=-1;
$(_lilist[_index+1]).css('background','#ffffff');
if(_index>=0) $(_lilist[_index]).css('background','');
_index=_index+1;
}
break;
case 38://方向键上
if(_indexlen>0){
if(_index==-1) _index=_indexlen;
$(_lilist[_index-1]).css('background','#ffffff');
if(_index>=0) $(_lilist[_index]).css('background','');
_index=_index-1;
}
break;
case 13://回车键
if(_indexlen>0){
$(e.target).val(_lilist[_index].innerHTML);
_lilistdiv.remove();
}
break;
default://默认为提交查询
var p=$(e.target).parents("tr");
var val=$(e.target).val();
var bigclassid =p.find('.bigclassid').val();
var smallclassid=p.find('.smallclassid').val();
var brandid=p.find('.brandid').val();
xajax_getLikemodel(bigclassid,smallclassid,brandid,val); //xajax 函数调用
}
})
$(document).bind("click",function(e){
if(_lilistdiv!=null) _lilistdiv.remove();
});
function initlilist(){
$(evsrc).parent().css("position","relative");
//responsehtml="<ul><li>xxxxxxx1</li><li>xxxxxxxxx3</li></ul>";
_lilistdiv=$("<div class=sam_pop >"+responsehtml+"</div>");
$(evsrc).parent().append(_lilistdiv);
_lilistdiv.find("li").bind("click",function(e){
evsrc.val($(e.target).html());
_lilistdiv.remove();
});
_lilistdiv.find("li").bind("mouseover ",function(e){
_lilistdiv.find("li").css('background','');
$(e.target).css('background','#ffffff');
});
_lilist=$(evsrc).parent().find('li');
_indexlen=_lilist.length;
_index=-1;
}
相关文章推荐
- 仿百度搜索自动输入提示功能JQuery Autocomplete
- 文本框输入时,是实现自动提示(像百度、google一样)
- 文本框输入时 实现自动提示(像百度、google一样)
- 文本框输入时 实现自动提示(像百度、google一样)
- jquery ui autocomplete 模拟百度搜索自动提示
- 像百度搜索框一样,在文本框中输入字符后,自动出现提示下拉框 [问题点数
- 调用百度请求 边输入边提示 jQuery UI 自动完成(Autocomplete)支持中文 超简单
- 文本框+层模拟下拉框,并实现输入自动提示和过滤
- Python模拟百度自动输入搜索功能
- 文本框+层模拟下拉框,并实现输入自动提示和过滤
- 文本框输入时 实现自动提示(像百度、google一样)
- 百度搜索自动提示搜索相关内容----模拟实现
- 百度自动发贴,登录很顺利的模拟实现,但发贴攻关失败,能力有限,追JS过程中颇为痛苦
- 自动提示宏--输入什么属性,就把属性自动生成OC字符串
- Android AutoCompleteTextView控件实现类似百度搜索提示,限制输入数字长度
- 单击AutoCompleteTextView后自动提示,无需输入字符,提示信息通过SQLite查询获得
- jquery 实现邮箱输入自动提示功能
- 实现textbox对输入内容的自动检索功能,效果相当于百度首页的文本输入框
- Android AutoCompleteTextView自动提示输入
- Eclipse输入辅助,自动提示