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 ? "" : "";
        }

  • 相关阅读:
    学习html5 中的canvas(一)
    js中的width问题
    css3中我们不知道的一些属性
    css3的渐变效果
    校园商铺-6店铺编辑列表和列表功能-1店铺信息编辑之Dao层开发
    校园商铺-4店铺注册功能模块-14前后端联调技巧细化与总结
    校园商铺-4店铺注册功能模块-13前后端联调验证整体模块功能
    校园商铺-4店铺注册功能模块-12引入kaptcha实现验证码
    11-接下来如何做
    10-K最近邻算法
  • 原文地址:https://www.cnblogs.com/syveen/p/253766.html
Copyright © 2011-2022 走看看