页面: 报废申请人:<asp:TextBox ID="txtPUSER" runat="server" Width="70px" CssClass="txt"></asp:TextBox> <div style="display:none ;95px;z-index:1000;position:absolute;background-color:#33CCCC; height:200px;overflow:scroll;" id="DivApplyPerson"> </div> 相应的js: function getUserList() { var top = $('#txtPUSER').offset().top; top += 20; var left = $('#txtPUSER').offset().left; var name = $('#txtPUSER').val(); var ksListAll = null; $.ajax({ type: "post", async: false, dataType: 'json', url: '../Ajax/Locker.ashx', data: { active: "getUser", Name: escape(name) }, success: function(json) { ksListAll = json.list; } }); $('#DivApplyPerson').css("top", top); $('#DivApplyPerson').css("left", left); $('#DivApplyPerson').css("display", "block"); var strHTML = ""; if (ksListAll != null) { $.each(ksListAll, function(i, item) { strHTML = strHTML + "<a href='#' onclick='getVal(this)' value='" + item.DEPTID + "' style=' 100px; float:left'>" + item.FULLNAME + "</a>" }); } $("#DivApplyPerson").html(strHTML); } $('#txtPUSER').focus(function() { getUserList(); }).keyup(function() { getUserList(); }); function getVal(a) { $("#txtPUSER").val(a.innerText); $('#DivApplyPerson').css("display", "none"); } $("#txtPUSER").blur(function() { if (document.activeElement.parentElement != null) { if (document.activeElement.parentElement.id != "DivApplyPerson") { $('#DivApplyPerson').css("display", "none"); } } });