導航:首頁 > 編程語言 > js重置from表單里的值

js重置from表單里的值

發布時間:2023-08-25 11:05:03

A. 用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");

B. jquery或者js處理form表單,按提交按鈕後,怎麼清空剛剛提交的input值

通過js的回調來機制。

C. 如何用JS動態改變表單form里的action值

var aa=document.getElementById("表單名").value。

D. js如何修改form標簽中action和target參數

比如在html中有個表單:

<formid="myForm"action="form_action.asp"method="get"target="_blank">
<p>name:<inputtype="text"name="name"/></p>
<p>age:<inputtype="text"name="age"/></p>
<inputtype="submit"value="Submit"/>
</form>

可以編寫以下js函數來修改表單的action以及target:

function modifyForm(){

var myForm = document.forms[0];//獲取專表單,也可以通過id獲取

屬 myForm.setAttribute('action','newurl');//或者myForm.action='newurl';

myForm.setAttribute('target','_parent');//或者myForm.target='_parent';

alert(myForm.action + "," + myForm.target);//測試修改後的效果

}

E. 如何利用AngularJS框架實現form表單提交和重置

第一步,創建靜態頁面ng.html,並引入Bootstrap框架和AngularJS框架相關的js文件和css文件
第二步,在body里插入div標簽元素,並設置ng-app和ng-controller指令
第三步,在div標簽元素內添加form表單元素,有用戶名、密碼、姓名、性別和年齡,還有提交和取消按鈕
第四步,編寫用戶名、密碼、姓名、性別和年齡默認數據綁定
第五步,編寫提交按鈕點擊事件,獲取form表單元素值,並列印出來
第六步,獲取表單對象,單擊取消按鈕,清空表單元素值

閱讀全文

與js重置from表單里的值相關的資料

熱點內容
微信文件怎麼填 瀏覽:87
燕十八老師精通mysql視頻教程 瀏覽:255
汽車保養數據怎麼清 瀏覽:629
pdf文件圖像打不開 瀏覽:176
msp430時鍾程序 瀏覽:660
查看sd卡文件系統格式 瀏覽:696
c盤中顯示隱藏文件 瀏覽:951
蘋果升級系統白屏 瀏覽:136
三菱gxplc編程軟體如何使用 瀏覽:710
海康威視手機app怎麼看不了 瀏覽:482
wordpress下載中心插件 瀏覽:402
微信限制字數是多少 瀏覽:20
策劃輸出主要從哪些文件來 瀏覽:174
網路營銷找什麼工作 瀏覽:372
tcl匹配文件名的正則表達式 瀏覽:461
音頻文件數據量為何8 瀏覽:534
有哪些分享學習的網站 瀏覽:174
小程序文件發到微信電腦如何打開 瀏覽:265
四星五星做號工具 瀏覽:920
qq郵箱怎麼發送視頻文件 瀏覽:453

友情鏈接