標籤:asc 預設 下拉框 sign button input 處理 頁面 nbsp
CreateTime--2017年7月19日10:37:11
Author:Marydon
js重設form表單
需要使用的方法:reset()
樣本:
HTML部分
<form id="test"> <input id="test2" type="hidden" value="2"/> <textarea>測試是否會重設文本域,預設帶值的不會被清空</textarea> <textarea id="test3"></textarea> 測試手工錄入<input type="text" value=""/> <input type="text" value="設定初始值" id="test4"/> <input type="button" value="重設" onclick="testReset();"/> <input type="button" value="賦值" onclick="assignment();"/> <select> <option value="">請選擇</option> <option value="" selected>測試是否會重設下拉框</option> <option value="">下拉框選中選項會被還原</option> </select> <!-- 經測試該值不會被還原 --> <input id="test5" type="hidden" value="測試隱藏欄位通過js改變後會不會還原"/></form>
JAVASCRIPT部分
function testReset () { document.getElementById("test").reset(); alert($(‘#test5‘).val());}function assignment () { $(‘#test3‘).val(‘通過js賦值或手工錄入的資訊都會被清空!‘); $(‘#test4‘).val(‘改變初始值‘); $(‘#test5‘).val(‘5‘); alert($(‘#test5‘).val());}
經測試,總結:
1.特別注意:reset()方法實現的效果是還原,而不是重設(清空);
例:帶預設值的form表單標籤(如:textarea,文字框),經使用者修改後,調用重設方法,會被還原成初始值(預設值);
調用重設方法後,下拉框會選中初次載入頁面時選中的選項。
2.重設reset()對隱藏欄位無效,即不會對隱藏欄位進行還原處理,隱藏欄位通過js改變後不會被還原;
3.準確地說,jQuery沒有重設form表單的方法,$(‘#test‘)[0].reset(),這種重設form表單的方法還是通過js實現的,因為:$(‘#test‘)[0]會將jQuery元素轉換成dom元素。
js重設form表單