• 可写可选dropdownlist(只测试过ie)


     页面:
    
    报废申请人:<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");
                }
            }
        });
    

      

  • 相关阅读:
    MySQL之SQL优化详解(三)
    MySQL之SQL优化详解(二)
    MySQL之SQL优化详解(一)
    RabbitMQ从入门到精通(三)
    RabbitMQ 从入门到精通(二)
    RabbitMQ 从入门到精通 (一)
    Redis 的主从复制(Master/Slave)
    Redis的事务讲解
    Linux CentOS完全卸载PHP
    Linux(CentOS7)常用命令详解
  • 原文地址:https://www.cnblogs.com/wushuaizaiza/p/3670578.html
Copyright © 2020-2023  润新知