zoukankan      html  css  js  c++  java
  • 将编码页显示查看页的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 ? "" : "";
        }

  • 相关阅读:
    关于接口与抽象类
    C# 高级编程(笔记4)
    泛型与委托
    C# 高级编程(笔记2)
    构造函数的代码膨胀问题
    C# 高级编程(笔记3)
    C# 高级编程(笔记1)
    Web(7)补充
    理解synchronized对象锁
    robbin谈管理:改造团队的经验
  • 原文地址:https://www.cnblogs.com/syveen/p/253766.html
Copyright © 2011-2022 走看看