データの初期化に関して

質問

教えて下さい。

現在、以下のような記述（掲載の為、かなり記述を簡素化してあります。）の中に、登録ボタンを押した瞬間、
あるいは押した後でも構いませんが、テーブルの中にある部品コードの値を一斉に空白にしたいと考えています。

どこでどのような処理を追加すれば良いでしょうか。。。

単純にPHPだけの世界で記述すればよかったですが、javascript側でsubumitしまっている為、どこで処理を
すれば良いか。。

初歩的な質問で申し訳ありませんが、教えて頂きたいと思います。

よろしくお願いします。

《記述内容》

function run_nippou(){

//新しいウィンドウをページ内容無し、ウィンドウ名を指定して開く
subWin = window.open("", "subWindow") ;
//ウィンドウのページ内容を指定
window.document.p_form_1.action = "NIPPOU_RUN.php" ; 　⇒　この処理の中で更新処理をしているだけです。
//動作するウィンドウ名を指定
window.document.p_form_1.target = "subWindow" ;
//動作するウィンドウへの値の渡し方を指定
window.document.p_form_1.method = "POST";
//動作するウィンドウへ情報を送信
window.document.p_form_1.submit() ;
alert("登録が完了しました。");
}

<form name="p_form_1" id="formid" target="_self">
<TABLE width="880">
<TBODY>
<?php
$no=1;
for($j=0;$j<20;$j++) {
print("<tr>\n");
//NO
print("<td width=35.2 height='25' align=right>$no</td>\n");
//部品コード
print("<TD><input type='text' id=txtbuban_$j name='s_code[]'></TD>\n");
print("</tr>\n");
$no++;
}
print("</TBODY>\n");
print("</TABLE>\n");
print("</DIV>\n");
print("</TD>\n");
print("</TR>\n");
print("</TBODY>\n");

print("</TABLE>\n");
?>
<table　border="1" width="740" cellspacing="0">
<tr>
<TD><input type=button name="run" value=" 登 録 " height="50" onclick="run_nippou()"></TD>
</tr>
</table>
</form>

回答No.2

fujillin · ベストアンサー

出力されるHTMLが整合していないみたいなので、わかりかねますが、

form内の要素が、ご提示の内容に限定してよいのであれば、
　var i, e, elm = document.forms("formid").elements;
　for(i=0; e=elm[i++];) if(e.type == "text") e.value = "";
で、<input type="text">の内容をクリアできるはずです。
（PHPから出力されるHTMLを再チェックしてください）

＞登録ボタンを押した瞬間、
先にクリアすると、送信されるのはクリアされた値となってしまうけれど、それで良いのなら、run_nippou()の最初に上記を追加すればよろしいかと。

そうでなければ、ご提示のスクリプトの各行に処理内容のコメントがついていますので、順序を考慮した上でクリアしたいところに追記すればよさそうに思えます。

お礼

ご回答ありがとうございます。

教えて頂いたように記述したところ、問題なくクリアされました。

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

回答No.1

askaaska

window.document.p_form_1.対象のinputのname.value=""
もしくは
window.document.getElementById("対象のinputのid").value=""
で
空っぽになります。
20行あるようですからfor文なんかを使って書いてもいいかと思います。

お礼

早速のご回答ありがとうございます。

この場合、特別にパラメータで何かを渡してあげるというような事はしなくても
良いのでしょうか？？？

また、for文を使わなければならないのは想像できますが、それをどのように
記述して良いかわからず。。。

var i = 0;
document.p_form_1.s_code[i].value="";

このような感じで良いでしょうか。。。

初歩的な質問で申し訳ありませんが、教えて下さい。

よろしくお願いします。