フォームの初期化

HTMLのフォーム内容を変更した後、リロードしてもフォーム内容が初期に戻らないことがある。
このようなときは、フォーム要素をresetメソッドを使って初期化すると、初期状態に戻る。
resetメソッドは、JavaScriptやjQueryに存在するが、使い方が異なっていた。忘れないためにこれを記録しておく。

HTML

<form name="fm">
<select name="food">
  <option value="ラーメン">ラーメン</option>
  <option value="餃子">餃子</option>
  <option value="焼き肉">焼き肉</option>
</select>

JavaScript・・・フォーム要素にresetメソッドを実行する。

window.addEventListener('load',function(){
  document.fm.reset();
},false);

jQuery・・・フォーム要素[0]にresetメソッドを実行する。

$(function(){
  $('form')[0].reset();
});