zoukankan
html css js c++ java
JS控件替换,将 input、textarea、Select等控件替换成 span
最近项目中要将输入控件转换成 SPAN或DIV,因此专门写了这么一个方法,现在共享给大家,如果有更好的建议还请大家指教。
Code
/**/
/*
功能:过滤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();"
}
查看全文
相关阅读:
jQuery常用的插件及功能汇总-持续
轻量级分布式延时任务处理组件easyTask-L-入门篇
单机版延时任务处理组件EasyTask-入门篇
轻量级分布式延时任务处理组件easyTask-L-API介绍篇
MySql一个生产死锁案例分析
分布式、服务化的ERP系统架构设计
《论参数众多的物料如何进行自动编码》
蛋疼的郁闷——聚集索引扫描、非聚集索引扫描、表扫描区别
人生的抉择—aspx、ashx、asmx文件处理请求效率比较
.NET企业轻量级开发框架(APS.NET+Spring.Net+NHibernate)
原文地址:https://www.cnblogs.com/lbg280/p/1772946.html
最新文章
MVC Razor引擎布局页面_Layout.cshtml
js获取iframe通过url传递的参数
springboot 使用 hikaricp 高性能连接池
springboot json 异常统一处理,自定义异常处理
idea 将 springboot 项目打包成 jar
spring boot 定时任务
spring boot 获取 application.properties 中的值
idea 创建 spring boot web项目
waiting for table metadata lock 解决
java 定时周期任务
热门文章
tomcat 开启 https 使用apr
XStream 1.4.10 警告: Security framework of XStream not initialized, XStream is probably vulnerable
shell常用命令之curl: -w,–write-out参数详解
Linux 下curl模拟Http 的get or post请求
网站导航菜单 远择一个栏目跳转后,保持栏目为选中状态
文件消息的简单样式demo
数字与字母 随机数小demo
SpringMVC 结合HttpClient调用第三方接口实现
js校验输入字符串的字节长度
获取当前项目本地路径地址
Copyright © 2011-2022 走看看