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(); });