<input class="text" type="text" name="user" id="user" /> <ul id="suggest_ul">
<input class="text" type="text" name="user" id="user" /> <ul id="suggest_ul"> </ul>
$(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格式