html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

js清空表单数据的两种方式(遍历+reset)_javascript技巧_

[ ] 已经帮助:人解决问题

方法1:遍历页面元素WEQHTML5中文学习网 - HTML5先行者学习网

/*清空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 按钮WEQHTML5中文学习网 - HTML5先行者学习网

页面中增加WEQHTML5中文学习网 - HTML5先行者学习网

<!--用来清空表单数据--><input type="reset" name="reset" style="display: none;" />

触发 reset 事件WEQHTML5中文学习网 - HTML5先行者学习网

$("input[type=reset]").trigger("click");
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助