js控制查看界面时不显示条框 js控制查看界面时不显示条框

一般我们的新建、查看、编辑的界面是同一个jsp ,那么就存在当进行查看时，input 框框的显示效果。现在的需求是：点击查看时，界面不能显示input 框或者其他框框。
解决这个问题的我想到了两种方法：第一、将查看界面与编辑界面分开。第二、自己写js控制。
很懒不想去做界面的分开，所有写了js 控制：
遍历：

$("form[name="+formName+"]").find("input,select,textarea").each(function(){
var params = getElementDataPublic(formName,this);

value = https://www.it610.com/article/params['value']; //获得value

name = params['name']; //获得name

// 判断是否name 是否有相同indexOf()是在字符串中进行检索大小写敏感表示有值

if(temp.indexOf(","+name+",") > -1){return ; }else{temp += ","+name+","; }
if(name){//wrapInner() 方法使用指定的 HTML 内容或元素，来包裹每个被选元素中的所有内容 (inner HTML)
$(this).parents("td").wrapInner("");

var html =""+value+"";

$("div[name='div_"+name+"']").remove(); $("span[name='span_"+name+"']").after(html); }
}）；

function getElementDataPublic(formName,obj){

var name,value;
if(obj.tagName == 'INPUT'){// 判断元素的标签名是为 INPUT
if(obj.type == 'text'){//获得type 属性
name = obj.name; value = https://www.it610.com/article/obj.value;
}else if(obj.type == 'radio'){// 单选按钮
name = obj.name; value = https://www.it610.com/article/$("form[name='"+formName+"'] :radio[name='"+obj.name+"']:checked").next("label").text();
}else if(this.type == "checkbox"){
name = obj.name; var tmp = new Array;
$("form[name='"+formName+"'] :checkbox[name='"+obj.name+"'][checked]").each(function(){tmp.push(this.value) }); value = https://www.it610.com/article/tmp.join(","); //join() 是指根据指定的分隔符分隔
}

}else if(obj.tagName == 'SELECT'){ name = obj.name;
if(obj.type=="select-one"){
value = https://www.it610.com/article/$("form[name='"+formName+"'] select[name='"+obj.name+"'] option:selected").text();
if('--请选择--' == value){valuehttps://www.it610.com/article/= ""; }
}else{value = https://www.it610.com/article/$("form[name='"+formName+"'] select[name='"+obj.name+"'] option:selected").val().join(","); }
}else if(obj.tagName == 'TEXTAREA'){ name = obj.name; value = https://www.it610.com/article/obj.value; }
return {name:name,value:value};
}

【js控制查看界面时不显示条框】就是两个function ,时间原因就没有在上布局了，其思想就是遍历form中下的table 中的input、select、textarea ，然后进行处理，在遍历时，记录value和name，自己写的span 标签把当前的元素进行包裹起来，并将span标签隐藏，然后在重新写一个样式div 显示数据。wrapInner() 这个方法解释：使用指定的 HTML 内容或元素，来包裹每个被选元素中的所有内容 (inner HTML) ，然后在用after 进行添加div显示。