首页 > 代码库 > 文本框输入邮箱自动联想补全
文本框输入邮箱自动联想补全
文本框输入邮箱自动联想补全
<!DOCTYPE html><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title></title> </head> <body> <input type="text" list="input_list" name="text" placeholder="请输入邮箱"/> <datalist id="input_list"></datalist> </body> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript"> function inputList(input,list){ var mailBox = [ "@qq.com", "@sina.com", "@163.com", "@126.com", "@yahoo.com.cn", "@gmail.com", "@sohu.com" ]; input.bind(‘input propertychange‘, function() { var key = input.val(); if(key.indexOf("@") != -1){ key = key.slice(0,key.indexOf("@")); } var mailBoxLen = mailBox.length; var html = ""; for(var i=0; i<mailBoxLen; i++){ html += ‘<option value="http://www.mamicode.com/‘+ key + mailBox[i] +‘"></option>‘; } list.html(html); }); } inputList($("input"),$("#input_list")); </script></html>
文本框输入邮箱自动联想补全
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。