html输入框输入提示,input框输入提示（通过ajax实时提示补全）

$(function(){

//载入时隐藏下拉li

$("#suggest_ul").hide(0);

});

$("#user").keyup(function(){

//如果文本框为空，不发送请求

if($("#user").val().length == 0){

$("#suggest_ul").hide(0);

return false;

}

var url = "{:U('User/userlist')}";

var user = $("#user").val();

$.ajax({

type:"post",

url :url,

data: {"user":user},

datatype:"json",

success:function(json){

if(json){

$("#suggest_ul").show(0);

$("#suggest_ul").html(json);

}

}

})

})

$(function(){

//按下按键后300毫秒显示下拉提示

$("#user").keyup(function(){

setInterval(changehover,300);

function changehover(){

$("#suggest_ul li").hover(function(){

$(this).css("background","#eee");},function(){ $(this).css("background","#fff");});

$("#suggest_ul li").click(function(){

$("#user").val($(this).html());

$("#suggest_ul").hide(0);

});

}

});

});

返回的json已经在后端做好了li格式