jQuery UI实现电子邮件输入提示实例

效果

复制代码代码如下： 使用了Jquery UI，要导入的射流研究…和css:链接rel='样式表href='././themes/base/jquery。ui。全部。CSS ' link rel='样式表href='./demos。CSS '脚本src=' http :/./jquery-1。7 .2 .js '/script脚本src=' http :/./ui/jquery。ui。核心。js/'脚本脚本src='http:/./ui/jquery。ui。小部件。js/'脚本脚本src='http:/./ui/jquery。ui。位置。js/'脚本脚本src='http:/./ui/jquery。ui。自动完成。js/script脚本var emails=[' 163。com '，' yahoo.com '，' yahoo.cn '，' 126.com '，'新浪。com ']；$(function () { //为输入框绑定事件$('#email ').keyup(function(){ emailiInp()；});});函数emailinp(){ var arrs=new Array()} inval=$(' # email ').val()；//根据输入的值，动态的创建下拉列表$.每一个（电子邮件，函数（索引，信息){ if(InVal。indexof(' @ ')===-1){//没有输入@ arrs[index]=InVal ' @ '信息；} else { //输入@ arrs[index]=InpVal。子字符串(0，InpVal。索引of(“@”)“@”信息；} }) $('#email ').自动完成({ //绑定下拉列表内容来源： arrs })；}/脚本最后再来个文本框：输入id='email' /