ajax邮箱后缀自动补全
来源:互联网 发布:网络电视tv版 编辑:程序博客网 时间:2024/05/01 10:41
效果图
选中效果
数据我这里用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邮箱自动追加后缀
0 0
- ajax邮箱后缀自动补全
- android 自定义控件之AutoCompleteTextView邮箱后缀自动补全
- 邮箱自动补全
- 邮箱自动补全
- jQuery邮箱自动补全
- 自动补全(邮箱)
- ajax 自动补全
- ajax自动补全
- Android学习系列之控件 AutoCompleteTextView邮箱后缀自动补全
- Android学习系列之控件 AutoCompleteTextView邮箱后缀自动补全
- 带有删除按钮,自动补全邮箱后缀的自定义EditText
- 36-自动补全、邮箱自动补全
- 自动补全 php+ajax
- ajax实现自动补全
- Ajax实现自动补全
- 7.jQuery UI 邮箱自动补全
- 邮箱的自动补全--代码
- 仿知乎登陆邮箱自动补全
- 机器学习算法需要注意的一些问题
- 安装Python的各种库
- tr标签 课程表
- 威纶触摸屏和三菱PLC3S之间的通信设置
- java.lang.IllegalArgumentException: Illegal JID
- ajax邮箱后缀自动补全
- java String类与普通类参数传递时是否有区别
- [HNOI2008]越狱
- Spring --- java定时器,Spring定时器和Quartz定时器
- C++简单排序算法之快速排序
- mysql慢查询日志使用总结
- php 扩展swoole之task
- 静态网站如何共用一个头部和尾部
- Getting started with OpenCL and GPU Computing