将编码页显示查看页的JS代码


我们经常会遇到类似编辑页面,和查看页面的情况,每一个编辑页面,都要做成一个新的页面的确会很烦,可以用JS来实现,将控件的TAG找出来,并将控件本身的style设为display=none,并在innerhtml的前面加入控件的值即可,但可能会有一些特殊情况特殊处理的代码,请自行加入:

代码很简单,不多做说明了,只是注意这段代码须放置页尾(原因不用说明了吧)

    var loop;
    
var sel;
    
    
var obj = document.getElementsByTagName("select");
    
var tmp;
    
var selectText;
    
    
for (loop = obj.length-1; loop >= 0; loop--)
    
{
        sel 
= obj[loop];
        tmp 
= "";
        sel.style.display 
= "none"//将控件的style设为隐藏
        
        
// ListBox
        if (sel.id == "lbxCommonApp" || 
                sel.id 
== "lbxSpecialApp" || 
                sel.id 
== "lbxNomalScope" ||
                sel.id 
== "lbxSpecialScope"){
            
for (var i=0;i<sel.options.length;i++)
            
{
                tmp 
+= sel.options[i].text + "<br>";            
            }
            
            sel.parentNode.innerHTML 
= tmp + sel.parentNode.innerHTML; //加入控件的显示值
            continue;
        }

        selectText 
= sel.options[sel.selectedIndex].text;
        
        
//处理特殊情况
        if (selectText == "请选择"){
            selectText 
= "";
        }

        sel.parentNode.innerHTML 
= selectText + "&nbsp;&nbsp;&nbsp;"+ sel.parentNode.innerHTML;        
    }

    
    
// 处理radiobutton <input>
    var objMale     = document.getElementById("DicGender1_chkGender_0");
    
var objFeMale = document.getElementById("DicGender1_chkGender_1");
    
if (!objMale.checked && !objFeMale.checked)    {
        objMale.parentNode.innerHTML 
= "";
        objFeMale.parentNode.innerHTML 
= "";
    }

    
else{
            objMale.parentNode.innerHTML 
= objMale.checked ? "" : "";
    }

posted @ 2005-10-13 11:28  Elaine Shi  阅读(618)  评论(2编辑  收藏  举报