【关闭窗口】 
进入ooReport网上直报数据分析
版权所有:济南昂利万软件开发有限公司 http://www.etcell.com/
  您的位置:首页 -> 每日工作日志
搜索:
最新主题  10
ooReport开始全面支持手机登陆了
ddddddddddddddddd
网页整体放大/缩小的实现
海量数据处理分析方法
海量数据库的查询优化及分页算法方案 2 之 改良SQL语句
如何获取和安装SQL Server 2000桌面引擎(MSDE 2000)
java相对路径与绝对路径问题总结
编写线程安全的JSP程序
JS控件替换,将 input、textarea、Select等控件替换成 span
JSP/Servlet的URL重定向
主  题: JS控件替换,将 input、textarea、Select等控件替换成 span
重 要 性:
发布日期: 2009/5/20 0:00:00
发 布 人: 集团总部-1(OS02DE01@OS02)
回 复 数: 0
人气指数: 5930点
 

最近项目中要将输入控件转换成 SPAN或DIV,因此专门写了这么一个方法,现在共享给大家,如果有更好的建议还请大家指教。

 




 
/*
  功能:过滤HTML控件,将输入控件替换成SPAN
  Author: Kim
  DateTime: 2008-12-29
  参数说明:elements 要删除的控件数组;
 
*/

 
function RemoveControl(elements)
 
{
  
var arrObj = new Array();
  
  
var count = elements.length;
  
for(var i=0;i<count;i++)
  
{
   
if(elements[i] == undefined)
    
continue;
    
   
var obj = document.createElement('span');
   
switch(elements[i].type)
   
{
    
case "text" : 
      obj.setAttribute(
"innerHTML",elements[i].value);
      
break;
    
case "textarea" :
      obj.setAttribute(
"innerHTML",elements[i].innerHTML);
      elements[i].innerHTML 
= '';
      
break;
    
case "select" :
      
for(var j=0;j<elements[i].length;j++)
      
{
       
if(elements[i][j].selected)
       
{
        obj.setAttribute(
"innerHTML",elements[i][j].text);
        
break;
       }

      }

      elements[i].options.length 
= 0;
      
break;      
   }

   elements[i].parentNode.appendChild(obj);
   arrObj[arrObj.length] 
= elements[i];
  }

  
  
//删除表单原控件
  for(var i=0;i<arrObj.length;i++)
  
{
   arrObj[i].removeNode();
  }

 }


 

 

 
/*
    调用事例
 
*/

function Filter()
 
{
  
//document.getElementById('tab_Forms').innerHTML = document.getElementById('tab_Forms').innerHTML.replace(/''/g,'');//  
  /* input Filter */  
  
var elements = document.getElementById('tab_Forms').getElementsByTagName('input');
  RemoveControl(elements); 
  
  
/* TextArea Filter */ 
  elements 
= document.getElementById('tab_Forms').getElementsByTagName('textarea');
  RemoveControl(elements); 
  
  
/* select */
  elements 
= document.getElementById('tab_Forms').getElementsByTagName('select');
  RemoveControl(elements);   
  
  
//alert(document.getElementById('tab_Forms').innerHTML);  onload="Filter();"               
 }


 
 



软件制作:济南昂利万软件开发有限公司 © 2004-2009