清空表單數據的方式 js or jquery

js 方式:重點是調用 reset() 方法

<html>
<head>
<script type="text/javascript">
function formReset()
  {
  document.getElementById("myForm").reset()
  }
</script>
</head>
 
<form id="myForm">
Name: <input type="text" size="20"><br />
Age: <input type="text" size="20"><br />
<br />
<input type="button" οnclick="formReset()" value="Reset">
</form>
</body>
 
</html>

jquery方式

1)把jquery元素轉換爲dom 元素,然後調用 上面的方法

document.getElementById("myForm").get(0).reset()

或者是

document.getElementById("myForm").[0].reset()

上面兩句代碼是把jquery元素轉換爲 dom元素,目的是爲了調用js的 reset() 方法

2)清空表單的數據(排除法)選中對應的元素手動的清空

$(':input','#formId')  
 .not(':button, :submit, :reset, :hidden')  
 .val('')  
 .removeAttr('checked')  
 .removeAttr('selected');

查閱的文章

鏈接: jQuery表單數據重置與清除.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章