ASP.NET+Sqlserver 2008+JS智能提示框输入

// JavaScript Document function GetIE(e) { //获取对象的大小及位置 var t = e.offsetTop; var l = e.offsetLeft; var w = e.offsetWidth; var h = e.offsetHeight; while (e = e.offsetParent) { t += e.offsetTop; l += e.offsetLeft; } var re = { Top: t, Left: l, Width: w-2, Height: h } return re; } function DoSelect(id, text) { //完成选择项 document.getElementById(id).value = text; //返回选项的值给文本框 DeleteTip("TipListBox"); //删除提示窗口 } function SelectItem(Pos) { //将焦点给指定位置的项 var e = document.getElementById("TipListBox_"+Pos.toString() ); if (e != null) { e.focus(); //e.style.cssText = "cursor:default;color:#f00;padding-left:1px;display:block;text-decoration:none;"; } event.returnValue = false; } function SetFocusStyle(refObj) { //设置光标所在项的样式 refObj.style.color = "#fff"; refObj.style.backgroundColor = "#0066CC"; } function SetBlurStyle(refObj) { //恢复光标所在项的样式 refObj.style.color = "#000"; refObj.style.backgroundColor = ""; } function DeleteTip(id) { //删除提示窗口 if (document.getElementById(id) != null) { document.getElementById(id).removeNode(true); } } //取总数 function CountNum(strValue) { var count = _Default.productcount(strValue); return count; } //取结果列项 function GetstrHTML(strValue, ID) { //var strlist = WebSite.MethodFunction.bind(strValue, ID); var strlist = _Default.bind(strValue, ID); return strlist.value; } function ShowTip(refObj) { DeleteTip("TipListBox"); //删除之前的提示窗口 document.onclick = function () { //如果鼠标操作不在当前文本框，则将提示窗口删除 if (event.srcElement.id != refObj.id) { DeleteTip("TipListBox"); document.onclick = null; } } var currentPos = -1; //当前选项位置 var str = refObj.value; //当前文本框的值 var eMember = GetIE(refObj); var eWinElement = document.createElement("div"); eWinElement.id = "TipListBox"; //指定提示窗口ID为TipListBox eWinElement.style.cssText = "background-Color:#fff;font-size:14px;line-height:30px;border:1px solid #000;position:absolute;left:" + eMember.Left + "px;top:" + (eMember.Top + eMember.Height) + "px;width:" + eMember.Width + "px"; //var li = '<a href="javascript:void(0)" onblur="SetBlurStyle(this)" onfocus="SetFocusStyle(this)" id="TipListBox_$Order$" onclick="DoSelect(&quot;$ID$&quot;,this.innerText)" style="text-decoration:none;width:100%;cursor:default;color:#000;padding-left:2px;display:block;" onmouseout="SetBlurStyle(this)" onmouseover="SetFocusStyle(this)">$Value$</a>'; //列表项模板 var strHTML = ""; var iCount = 0; strHTML = GetstrHTML(str, refObj.id); iCount = CountNum(str); if (strHTML == "") return; //如果没有配匹的值则不显示提示窗口 eWinElement.innerHTML = strHTML; document.body.appendChild(eWinElement); if (parseInt(eWinElement.offsetHeight) > 120) eWinElement.style.height = "120px"; //定义提示窗口高度 document.onkeydown = function () { if (event.keyCode == 40 && currentPos < (iCount.value - 1)) { //向下的按键操作 SelectItem(++currentPos); // alert("向下"); refObj.value = document.getElementById("TipListBox_" + currentPos.toString()).innerText; //refObj.focus(); } if (event.keyCode == 38 && currentPos > 0) { //向上的按键操作 SelectItem(--currentPos); refObj.value = document.getElementById("TipListBox_" + currentPos.toString()).innerText; } if (event.keyCode != 38 && event.keyCode != 40) { //其它按钮将当前选项恢复-1的位置 //alert("其他按钮"); //currentPos = -1; //refObj.focus(); } } }