如何清空form表单 就是点击submit按钮提交后 表单清空

如何清空form表单 就是点击submit按钮提交后 表单清空,第1张

如果一开始表单是空的状态,可以使用reset重置后就为空了。

如果一开始有些内容已经存在,想要清空,则只能循环对每个输入项做清空处理。

jQuery版本:jQuery("#submitForm").get(0).reset()

普通版本:document.getElementById('submitForm').reset()

submitForm 是表单form的id

JS清空表单有二种方法:遍历和reset;

分别如下:

方法1:遍历页面元素

/*

清空FORM表单内容 id:表单ID*/

function ClearForm(id) {

var objId = document.getElementById(id)

if (objId == undefined) {

return

}

for (var i = 0i <objId.elements.lengthi++) {

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

objId.elements[i].value = ""

}

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

objId.elements[i].value = ""

}

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

objId.elements[i].checked = false

}

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

objId.elements[i].checked = false

}

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

objId.elements[i].options[0].selected = true

}

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

for (var j = 0j <objId.elements[i].options.lengthj++) {

objId.elements[i].options[j].selected = false

}

}

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

objId.elements[i].value = ""

}

//else if (objId.elements[i].type == "file") {

// //objId.elements[i].select()

// //document.selection.clear()

// // for IE, Opera, Safari, Chrome

// var file = objId.elements[i]

// if (file.outerHTML) {

// file.outerHTML = file.outerHTML

// } else {

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

// }

//}

}

}

方法2:使用 reset 按钮

页面中增加:

<!--用来清空表单数据-->

<input type="reset" name="reset" style="display: none" />

触发 reset 事件:

$("input[type=reset]").trigger("click")

方法1:遍历页面元素

* /*****清空form表单内容 id:表单ID / **

方法2:使用 reset 按钮

**页面中增加 **

****

如果有“按钮”

如果没有“按钮”但是这种方法无法清空带有默认值 vlue = "88" checked selected****的表单input

所以可以这样做

如果有用的话请大家点赞!不足之处请大家留言指正。谢谢!**


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11701120.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存