遮罩層遮不住DropDownList---獲取頁面上所有的select並隱藏

赤砂之蠍我愛羅發表於2012-10-09

【IE6下】假如頁面使用了伺服器控制元件DropDownList,然後在某一操作上要實現彈出層,這時候你就會發現:遮罩層遮不住DropDownList!!!


怎麼辦?


我的辦法是:獲取頁面上所有的select(也就是DropDownList)

var drpall = $("select");  //一行程式碼獲取頁面上所有的select

然後隱藏select

drpall.hide();


因為只有在IE6下才會出現遮不住的情況,所以在加個判斷:$.browser.version == "6.0"

合起來就是:

$("#login_id").click(function () {
                if ($.browser.version == "6.0") {
                    var drpall = $("select");
                    drpall.hide();
                }
                outbox("#addbalck", "#warpbox");
            });

//這裡給出的demo是在點選登入按鈕(login_id)的時候彈出遮罩層,看關鍵程式碼


--進一步討論:那如果去掉了遮罩層後呢,DropWownList還是隱藏的???

解決辦法:drpall.show();

function CloseLogin() {
            if ($.browser.version == "6.0") {
                var drpall = $("select");
                drpall.show();
            }
            $("#addbalck").hide();
            $("#warpbox").hide();
        }



相關文章