フォーム内で記入したクエリ送信後自動的にフォーム内をリセットする方法

いつもお世話になっております。
今回ご教授いただきたいのが、

<FORM action=/search/clanad/filed.exe method=post target="main">
～～中略～～
<INPUT type=submit value=検索 >

という形で、フォーム内に記述したものを、
submitで"検索"を押して動作が走ったときに連動してクリアしたい、と考えております。

どのような記述を加えてあげれば宜しいのでしょうか？
単純なごしつんもんかとは思いますが、知恵をお貸しいただければと思います。

よろしくお願いいたします。

No.3 ベストアンサー 回答者： okmotokun 回答日時： 2009/02/05 16:43

送信ボタン属性がsubmitだと、タイミングによって入力データの一部が送信前にリセットされるおそれがありますから、次のようにするといいでしょう。

(1) ヘッドに次のスクリプトを記述する。
<script type="text/javascript">
function rset(f){
f.submit();
f.reset();
}
</script>

(2) ボタンのtype属性をbuttonにして、onclick属性を付ける。
<INPUT type="button" value="検索" onclick="rset(this.form)">

この回答へのお礼

ありがとうございます。

onclickイベントに埋め込んでしまう方が後々の管理、再利用に便利そうですね。

>>submitだと、タイミングによって入力データの一部が送信前にリセットされるおそれがあります
そうだったのですね…。勉強になりましたm(_ _)m

お礼日時：2009/02/06 11:40

No.2 回答者： fujillin 回答日時： 2009/02/05 12:39

え～っと。

this.reset()　だと送信前に、リセットされてしまうので、
submit();this.reset();return false;
ではないのかなぁ…

この回答へのお礼

ありがとうございました。

昨日、こちらで動作等確認させて頂きました。
おかげさまで、無事完成いたしました♪

お礼日時：2009/02/06 11:37

No.1 回答者： yambejp 回答日時： 2009/02/05 11:22

<FORM action=/search/clanad/filed.exe method=post target="main" onsubmit="this.reset()">

とかでどうでしょう？

この回答へのお礼

ありがとうございました。
試してみたところ、No2さんの書かれたとおり残念ながらクエリ送信前にデータクリアされてしまいました。

this.resetは何かと使えそうな気がするので、どこかで使わせていただきます☆

お礼日時：2009/02/06 11:33