Eyecatch jQuery

Javascript,jQuery

リセットボタン押下時にフォーム入力値・選択値をリセット、クリアする方法。

2013/06/05

作成したシステムの検索画面などで活躍している小技。結果閲覧中に、検索条件などをクリアして初期表示画面に戻したいって場合などに使えます。
重宝していますので、ご紹介。

イメージ

リセットボタン

リセットボタン押下で、既にフォームなどにある条件をクリアします。

コード

HTML

単なるリセットボタンです。

Javascript

ヘッダにでも記述して下さい。

まだ jQuery をよく分かってなかった頃に教えてもらったコードなんですが、よく見ればjQueryを使っていますね。

軽く説明すると、リセットボタンのクリックで、ページ内の各フォームのパターンに対し、内容、選択値をクリア、空白設定しているだけです。
なるほど! という感じ。

今なら何をやっているのかがよく分かります。
レベルアップを実感中。

-Javascript,jQuery
-, , , , ,