本文目录一览：
用js代码清空表单数据
两种方式：
一、使用reset类型的按钮
二、使用reset方法
form name=”form1″
input type=”reset” value=”重置”/
input type=”button” value=”清除” onclick=”form1.reset()”/
input type=”text” name=”text1″/
input type=”text” name=”text2″/
/form
angularjs怎么重置表单
我们前端有一个方式就是在界面提供一个重置按钮,然后在界面设置你要重置的区域,设置一个id,然后调用如下函数,可以清除所有input或者select已经勾选的选项:
//重置
scope.onReset=function(){
$.each($(‘#query_criteria_mo’).find(‘input’),function(i, ele){
if($(ele).attr(‘type’)==’text’){
$(ele).val(”);
};
});
$.each($(‘#query_criteria_mo select’), function(i, ele){
var selIndex=$(ele).get(0).selectIndex;
$(ele).get(0).selectedIndex = 0;
});
};
用JS怎么清空表单
JS清空表单有二种方法：遍历和reset；
分别如下：
方法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”);
如何使用javascript做出重置效果？
思路：本题要想实现用javascript做出重置效果需要用到JavaScript实现重置表单（reset）的方法。
例子：
form id=”form1″
input type=”text” id=”name”/
input type=”button” value=”这个用JavaScript清除” onclick=”document.getElementById(‘form1’).reset()”/
input type=”reset” value=”这个是Form清除” ///reset（）重置
/form
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/236081.html
微信扫一扫 
支付宝扫一扫 