html输入框的下拉提示框,基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

效果图

代码部分

// JavaScript Document

(function($){

$.fn.extend({

"changeTips":function(value){

value = $.extend({

divTip:""

},value)

var $this = $(this);

var indexLi = 0;

//点击document隐藏下拉层

$(document).click(function(event){

if($(event.target).attr("class") == value.divTip || $(event.target).is("li")){

var liVal = $(event.target).text();

$this.val(liVal);

blus();

}else{

blus();

}

})

//隐藏下拉层

function blus(){

$(value.divTip).hide();

}

//键盘上下执行的函数

function k