javascript form送信後の動作

質問

以下のスクリプトでiframeにデータは送信できているんですが、<input type="text">に入力したテキストが残ってしまいます。どのように記述したらうまくいくでしょうか？

<script type="text/javascript">
function send(){
var frm=document.txt_submit;
frm.submit();
frm.reset();
}
</script>
<form name="txt_submit" action="log.cgi" method="post" target="log" autocomplete="off">
<input type="text" name="ctxt" size="20" value="">
<input type="button" value="送信" onclick="return send();">
</form>

回答No.1

paradoxica · ベストアンサー

特別な処理を必要とせず単にinputのテキストを消したいだけであれば

<input type="text" name="ctxt" size="20" value="">
を
<input type="text" id="ctxt" name="ctxt" size="20" value="">

のようにIDのある形に変更し、
フォーム送信後

document.getElementById('ctxt').value= '';

のような記述を行うのはいかがでしょう。
ただし、getElementById は ページ全体がレンダリングされる前に呼び出すとうまくデータを取得できない場合があるので、その場合は
<script>
window.onload = function(){
:
:
}
</script>

のような形で ページがロードされたらscriptが評価されるように記述する、または </body> の直前にscriptを置く 等の工夫が必要です。

お礼

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