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

  • 相关阅读:
    springboot整合邮件发送(163邮箱发送为例)
    MySQL 容器修改配置文件后无法启动问题(终极解决办法)
    SQLyog无操作一段时间后重新操作会卡死问题(解决办法)
    Linux中配置端口转发(反向代理)
    SpringBoot之整合Quartz调度框架-基于Spring Boot2.0.2版本
    shell脚本报错:-bash: xxx: /bin/sh^M: bad interpreter: No such file or directory
    用xshell连接linux服务器失败 Could not connect to '112.74.73.194' (port 22): Connection failed.
    GooglePlay的多apk命令行安装
    trojan阉割备份
    网易云音乐本地数据库的歌单列表导出,一个不丢,支持1000首以上
  • 原文地址:https://www.cnblogs.com/syveen/p/253766.html
Copyright © 2011-2022 走看看