当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 清空form表单中某种元素的值

Javascript
AJAX教程(14):通过XMLHTTP加载XML文件
AJAX教程(15):通过XMLHTTP进行一次HEAD请求
AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17):把XML文件显示为HTML表格
JS通过WMI获取客户端硬件信息
JavaScript中使用远程脚本
关于Ajax技术的注意事项
XMLHttpRequest创建智能表单
iframe创建智能表单
JS教程:线小测试程序
在Web页面中使用计时器
将事件处理器作为HTML标记的属性
事件处理器作为浏览器对象的属性
Math对象应用详解
random()方法和pow()方法
charAt()方法和charCodeAt()方法
Number对象常用的toFixed()方法
JS教程:为什么尽量用局部变量代替全局变量
解决JavaScript循环中的过多操作
处理提示“脚本运行时间过长的提示框”问题

Javascript 中的 javascript 清空form表单中某种元素的值


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 418 ::
收藏到网摘: n/a

比如在一个表单元素中 我们可以通过手写函数,清空某种元素的值,以上是我的个人总结,高手就绕过。 下面就以情况type=“text”为例:
复制代码 代码如下:

<form id="form1" method="post">
<input type="text" />
<input type="text" />
<input type="button" value="clear" onclick="Refresh()" />
</form>

通过调用js的Refresh方法
方法一
复制代码 代码如下:

function Refresh()
{
var v=document.forms[0].elements;
for(var i=0;i<v.length;i++)
{
if(v[i].type=="text")
{
v[i].value="";
}
}
}

或方法二
复制代码 代码如下:

function Refresh()
{
var v=document.getElementsByTagName("input");
for(var i=0;i<v.length;i++)
{
if(v[i].type=="text")
{
v[i].value="";
}
}
}

通过调用refresh函数清空某种元素的值