angularjs怎么重置表单

JavaScript028

angularjs怎么重置表单,第1张

我们前端有一个方式就是在界面提供一个重置按钮,然后在界面设置你要重置的区域,设置一个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清空表单有二种方法：遍历和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")

function resetControl() {

var obj = null

for (var i = 0i <= Form1.elements.length - 1i++) {

obj = Form1.elements[i]

if (obj.tagName == "INPUT" &&obj.type == "text") {

obj.setAttribute("value", "")

}

if (obj.tagName == "INPUT" &&obj.type == "checkbox") {

obj.setAttribute("checked", false)

}

if (obj.tagName == "SELECT") {

obj.options[0].selected = true

}

}

return false

}你把这个函数考到head里面去，在重置按钮里加上这个就OK了,我写的这个函数很通用