ajax 文本框提示

先贴效果图吧：

                                      

美化方面，不足，有目共睹哈。。。

支持鼠标移动点击、键盘上下键回车选中

先贴HTML:

<td width="50%">

    <html:text property="questionTypeName" styleId="typeName" οnkeyup="getTypeName(this,'tcsQsAjax.do');"/>

    <div id="typeNameDiv" style="position: absolute; bottom: 1in;right: 1in; top: 1in;z-index:1001;overflow-y:auto;display:none;border:#acc8ec 1px solid;"/>

</td>

再贴CSS:

.input_Type{

   background-color: #FEF0C9;

}

#ul_background{

  background-color:white;

  margin-left:-40px;

  margin-top:-1px;

  list-style-type:none;

}

再贴JS：

/**
 * ajax 动态加载题目类型名称
 */
<script>
var typeName = $('#typeName').val();
var flag = false;
var typeInput = {
	li_index : -1,
	init : function(input, url) {
		//支持firefox
		var event = window.event || arguments.callee.caller.arguments[0];
		var keyAsc = event.keyCode;
		if($("#typeName").val() != typeName)
			if($("#typeName").val() == ""){
				typeInput.li_index = -1;
			}
			var typeName = $("#typeName").val();
			typeInput.findTypesByAjax(input, url);
		} else {
			typeInput.lightMove(keyAsc);
		}
	},
	findTypesByAjax : function(input, url) {
	
		//var assistParent = input.o