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

Javascript
javascript的事件描述
用javascript动态注释掉HTML代码
对联广告
[原创]菜单制作学习一个小东西
JavaScript中的私有成员
基于Web标准的UI组件 — 树状菜单(2)
JavaScript静态的动态
JavaScript Base64编码和解码,实现URL参数传递。
跨浏览器的设置innerHTML方法
多个iframe自动调整大小的问题
判断checkbox选择的个数 多浏览器
发现的以前不知道的函数
Js+XML 操作
Javascript里使用Dom操作Xml
JS+CSS模拟IP输入框
prototype1.5 初体验
prototype 源码中文说明之 prototype.js
prototype1.4中文手册
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
js实现ASP分页函数 HTML分页函数

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 305 ::
收藏到网摘: 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函数清空某种元素的值