zoukankan      html  css  js  c++  java
  • 普元Js将页面输入框改为查看显示

    function viewAction(){  

     var inputs = document.getElementsByTagName("input");   

     var selects = document.getElementsByTagName("select");   

     var textareas = document.getElementsByTagName("textarea"); 

      var spans = document.getElementsByTagName("span");

      for(var i = 0; i < inputs.length; i ++) {

       if(inputs[i].type != 'button' && inputs[i].type != 'hidden'&&inputs[i].type != 'checkbox' &&inputs[i].type != 'radio') {

        if(inputs[i].parentElement.tagName=="TD"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else if(inputs[i].parentElement.tagName=="DIV"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else{

         inputs[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }

       }else if(inputs[i].type == 'checkbox' || inputs[i].type == 'radio'){

        inputs[i].disabled = true;

       }

      }

      for(var i = 0; i < selects.length; i ++) {

       var index = selects[i].selectedIndex;

       if(selects[i].parentElement.tagName=="TD"){

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else if(selects[i].parentElement.tagName=="DIV"){

        if(selects[i].datacellEditor == "true"){

         continue;

        }

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else{

        selects[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }

      }

      for(var i = 0; i < textareas.length; i ++) {

        if(textareas[i].parentElement.tagName=="TD"){

         textareas[i].parentElement.innerHTML="<span style='display:none'>"+textareas[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+textareas[i].value+"</font>";

        }else if(textareas[i].parentElement.tagName=="DIV"){

         textareas[i].parentElement.innerHTML="<span style='display:none'>"+textareas[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+textareas[i].value+"</font>";

        }else{

         textareas[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+textareas[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+textareas[i].value+"</font>";

        }

      }

       for(var i =0;i<spans.length;i++){

        if((spans[i].style.color=='red')||((spans[i].style.color=='blue'))){

           spans[i].innerHTML="<span style='display:none'>"+"</span>";

        }

         }

             }

    function viewActionExceptTextareas(){

      var inputs = document.getElementsByTagName("input");

      var selects = document.getElementsByTagName("select");

      for(var i = 0; i < inputs.length; i ++) {

       if(inputs[i].type != 'button' && inputs[i].type != 'hidden'&&inputs[i].type != 'checkbox' &&inputs[i].type != 'radio'&&inputs[i].type != 'textareas') {

        if(inputs[i].parentElement.tagName=="TD"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else if(inputs[i].parentElement.tagName=="DIV"){

         inputs[i].parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }else{

         inputs[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+inputs[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+inputs[i].value+"</font>";

        }

       }

      }   for(var i = 0; i < selects.length; i ++) {

       var index = selects[i].selectedIndex;

       if(selects[i].parentElement.tagName=="TD"){

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else if(selects[i].parentElement.tagName=="DIV"){

        if(selects[i].datacellEditor == "true"){

         continue;

        }

        selects[i].parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }else{

        selects[i].parentElement.parentElement.innerHTML="<span style='display:none'>"+selects[i].parentElement.parentElement.innerHTML+"</span><font style='color:#003333'>"+selects[i].options[index].text+"</font>";

       }

      }

       }

  • 相关阅读:
    不支持ie9一下代码
    jquery ajax done 函数 异步调用方法中不能给全局变量赋值的原因及解决办法
    WaitMe是一款使用CSS3来创建加载动画的jQuery插件
    Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)
    Autosize插件允许textarea元素根据录入的内容自动调整元素的高度
    两个列表选项插件bootstrap-duallistbox.js
    jquery滚动插件slimscroll
    modernizr.custom.js应用
    bootbox基于bootstrap的扩展弹窗
    洛谷P3503 [POI2010]KLO-Blocks 单调栈
  • 原文地址:https://www.cnblogs.com/skycsdn/p/eosJavascript2.html
Copyright © 2011-2022 走看看