html表单中的数据提交后清空,js清空form表单中的内容示例

向右看齐 2022-10-06 07:57 307阅读 0赞

//清空form选择

function clearForm(id)\{

var formObj = document.getElementById(id);

if(formObj == undefined)\{

return;

\}

for(var i=0; i

if(formObj.elements\[i\].type == "text")\{

formObj.elements\[i\].value = "";

\}

else if(formObj.elements\[i\].type == "password")\{

formObj.elements\[i\].value = "";

\}

else if(formObj.elements\[i\].type == "radio")\{

formObj.elements\[i\].checked = false;

\}

else if(formObj.elements\[i\].type == "checkbox")\{

formObj.elements\[i\].checked = false;

\}

else if(formObj.elements\[i\].type == "select-one")\{

formObj.elements\[i\].options\[0\].selected = true;

\}

else if(formObj.elements\[i\].type == "select-multiple")\{

for(var j = 0; j < formObj.elements\[i\].options.length; j++)\{

formObj.elements\[i\].options\[j\].selected = false;

\}

\}

else if(formObj.elements\[i\].type == "file")\{

//formObj.elements\[i\].select();

//document.selection.clear();

// for IE, Opera, Safari, Chrome

var file = formObj.elements\[i\];

if(file.outerHTML)\{

file.outerHTML = file.outerHTML;

\}else\{

file.value = ""; // FF(包括3.5)

\}

\}

else if(formObj.elements\[i\].type == "textarea")\{

formObj.elements\[i\].value = "";

\}

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，307人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery清空表单内容

JQuery :not() 选择器定义与用法： :not() 选择器选取除了指定元素以外的所有元素。最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素

悠悠/ 2023年03月01日 13:28/ 0 赞/ 100 阅读

相关 Js循环清空form表单信息

当页面是添加的时候可以使用 <input type="reset" name="reset" value="重置"> 当页面是修改的时候，想要清空input的val

た入场券/ 2022年12月29日 12:50/ 0 赞/ 161 阅读

相关 Mysql 清空表中数据

删除表信息的方式有两种 : 1. truncate table table\_name; 2. delete \ from table\_name; 注 : trunc

阳光穿透心脏的1/2处/ 2022年12月07日 15:12/ 0 赞/ 245 阅读

相关 html表单中的数据提交后清空,js清空form表单中的内容示例

//清空form选择 function clearForm(id)\{ var formObj = document.getElementById(id); if(for

向右看齐/ 2022年10月06日 07:57/ 0 赞/ 308 阅读

相关 react antd form 表单清空

关于react\_antd\_desgin的学习这两天也是获取到的知识零零散散，大多在网上也能获取的到，所以隔了很长的时间，没有编写关于react相关的文章。今天之所以写也是因

深藏阁楼爱情的钟/ 2022年08月28日 13:47/ 0 赞/ 263 阅读

相关 Jquery真正意义上清空表单内容

[\[jQuery\] 真正意义上清空表单内容][jQuery_] 标签： [JQuery][][form][][reset][][清空表单内容][Link 1][重置表

た入场券/ 2022年06月17日 11:42/ 0 赞/ 497 阅读

相关 Js处理Form表单空提交问题

对于 Form 表单提交数据，有时候页面没有任何字段需要进行校验，但这样就会导致不填写任何数据，都可以直接保存、编辑，产生很多无用的记录，这样的体验很不好，我们需要能进行判断是

待我称王封你为后i/ 2022年05月15日 02:08/ 0 赞/ 427 阅读

相关 elementui关闭弹窗清空表单验证清空表单

给form添加一个ref属性 <el-form ref="paper"></el-form> 调用方法，注意先清空验证再清空表单，这样就可以清除自定义的

清疚/ 2022年03月26日 12:52/ 0 赞/ 350 阅读

相关 vue表单清空方法

vue表单清空方法调用(releaseForm为表单名字) this.resetForm('releaseForm'); 或 @click="

系统管理员/ 2021年12月01日 11:20/ 0 赞/ 858 阅读

相关 layui ajax form 表单提交后清空

1、![20190723152342754.png][] 2、ajax 提交成功后，执行 $("\my\_question")\[0\].reset(); ![201907

旧城等待，/ 2021年09月30日 03:46/ 0 赞/ 773 阅读