如果一开始有些内容已经存在,想要清空,则只能循环对每个输入项做清空处理。
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
所以可以这样做
如果有用的话请大家点赞!不足之处请大家留言指正。谢谢!**
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)