關於crud.js重置表單的信息

本文目錄一覽：

• 1、用js代碼清空表單數據
• 2、angularjs怎麼重置表單
• 3、用JS怎麼清空表單
• 4、如何使用javascript做出重置效果？

用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