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

  • 相关阅读:
    十大排序
    算法11----判断是否为回文词(双端队列判断)
    算法10-----分糖果
    算法9-----输出全排列(递归)---移除K个数,剩下最小数。
    算法8-----罗马字转整数(分治法)
    Python数据结构2-----队列和堆
    Python数据结构1-----基本数据结构和collections系列
    Python笔记22-----高阶函数
    10、TV UI
    9、创建向后兼容的用
  • 原文地址:https://www.cnblogs.com/syveen/p/253766.html
Copyright © 2011-2022 走看看