ajax邮箱后缀自动补全
发布时间：2020-12-16 01:29:07 所属栏目：百科 来源：网络整理
导读：效果图 选中效果 数据我这里用html里面是json字符串 也可以直接请求servlet返回json [ "@qq.com" , "@163.com" , "@shouhu.com" , "@yahu.com" , "@taobao.com" ] JSP代码 body div class = "auto" input type= "text" name = "search" id = "mySearch" div
效果图选中效果数据我这里用html里面是json字符串 也可以直接请求servlet返回json["@qq.com","@163.com","@shouhu.com","@yahu.com","@taobao.com"]
JSP代码<body>
<div class="auto">
<input type="text" name="search" id="mySearch" >
<div class="showValue">
</div></div>
JS代码<script type="text/javascript"> $(function(){ $("#mySearch").keyup(function(){ var value=$(this).val();//获取当前值 var _this=$(this); $(".showValue").empty().show();//empty清除之前的数据 $.ajax({ type:"post",url:"data.html",success:function(data){ var arr=eval(data);//将字符串转换为数组 for(var i=0; i<arr.length; i++){ $(".showValue").append("<div>"+value+""+arr[i]+"</div>");//append追加搜索到的数据 } $(".showValue").find("div").click(function (){ _this.val($(this).text()); $(".showValue").hide();//隐藏div }) }}); }); }); </script>
源码下载 - - - > ajax邮箱自动追加后缀（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |