js清空表单数据的两种方式(遍历+reset),jsreset
js清空表单数据的两种方式(遍历+reset),jsreset
方法1:遍历页面元素
/* 清空FORM表单内容 id:表单ID*/ function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i < objId.elements.length; i++) { 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 = 0; j < objId.elements[i].options.length; j++) { 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");
如果不是想要用reset()手动清空的话那就这样:
提交完之后再跳转到本页面(即刷新本页面)
例asp提交后:response.write("<script>alert('提交成功!');window.location='feedback.asp';</script>")
调用FORM的reset方法可以重置表单,但如果要清空,可以用遍历,也可以对每个表单元素value属性赋空值,但对于SELECT,RADIO,CHECKBOX等控件需要单独处理.
热门文章:
相关内容
- 暂无相关文章
评论关闭