入力フォームをクリアするJavaScript
検索フォーム(テキストボックス、ラジオボタン、チェックボックスなど)に入力した内容をまとめてクリアしたい時に使ってください。
ただし、prototype.jsに依存しているので読み込みをお忘れなく。
<script type="text/javascript"> //<![CDATA[ function clearForm(form) { form.getInputs('text').each(function(val){ Field.clear(val); }); form.getInputs('checkbox').each(function(val){ val.checked = false; }); var selects = $$('select'); for(var i=0; i < selects.length; i++){ selects[i].value = ''; } } //]]> </script>
呼び出し元はこんな感じで書けばOKです。
<input type="button" value="Clear" onclick="clearForm(this.form);"/>