关于回车搜索 以及自动补全示例

关于回车搜索  如某个输入框 输入后的回车搜索事件

$('#gyword').keyup(function(e){

　　if(e.keyCode === 13){
　　　　$('#gySbtn').click();   //等同于提交按钮走的流程
　　　　return false;
　　}
});

自动补全  如根据输入框输入的字数  自动出现想要输入的相关信息

 

<script type="text/javascript">
$(function(){
$("#bao_name").keyup(function(){
var bao_name = $("#bao_name").val();
if(bao_name != ''){
$.post("__ROOT__/?m=shuju&a=getbaodata",{b_name:bao_name},function(data){
var data = eval("("+data+")");
if(data.code == 1){
$("#autocomplete").show();
$("#autocomplete").empty();
var html = "";
var list = data.list;
html = "<ul>"
if(list){
$.each(list,function(i,n){
if(list[i].state == 2){
html +='<li class="newli'+list[i].state+'" onclick="getguanggaomess('+list[i].id+',\''+list[i].b_name+'\')" data-value='+list[i].id+'>'+list[i].b_name+'(已下线)'+'</li>';
}else{
html +='<li class="newli'+list[i].state+'" onclick="getguanggaomess('+list[i].id+',\''+list[i].b_name+'\')" data-value='+list[i].id+'>'+list[i].b_name+'</li>';
}
});
html += '</ul>';
$("#autocomplete").append(html);
}else{
$("#autocomplete").hide();
$("#company_name").val(" ");
$("#ads_name").val(" ");
$("#gg_id").val(" ");
}

}else{
$("#autocomplete").hide();
}
});
}else{
$("#autocomplete").hide();
$("#company_name").val(" ");
$("#ads_name").val(" ");
$("#gg_id").val(" ");
}

});

})

//根据获取选中的数据包信息获取广告的全部信息
function getguanggaomess(id,b_name){

　　$.post("__ROOT__/?m=shuju&a=getonebao",{id:id},function(data){
　　　　var obj = eval("("+data+")");
　　　　$("#addshujubid").val(id);
　　　　$("#bao_name").val(b_name);
　　　　$("#autocomplete").hide();
　　　　$("#company_name").val(obj.company_name);
　　　　$("#ads_name").val(obj.ads_name);
　　　　$("#gg_id").val(obj.gg_id);
　　　　$("#remark1").val(obj.remark);
　　　　$("#xuanz2 .uew-select-text").html(b_name); //下拉框里的值和输入框的值保持对应关系
　　　　　　return;
　　});
}

</script>