侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

input框输入提示(通过ajax实时提示补全)

2024-05-06 星期一 / 0 评论 / 0 点赞 / 57 阅读 / 1527 字

<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格式

广告 广告

评论区