zoukankan      html  css  js  c++  java
  • 可写可选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");
                }
            }
        });
    

      

  • 相关阅读:
    有道
    excel 数据入库
    iso-8859-1 Unicode 编码
    爬虫编码问题
    WIKi 百科爬虫
    降低耦合性获取微博数据
    Python基础总结3-字符串
    Python基础总结2
    Linux常用命令04(其他命令)
    Linux常用命令03(系统信息)
  • 原文地址:https://www.cnblogs.com/wushuaizaiza/p/3670578.html
Copyright © 2011-2022 走看看