データの保存方法について教えてください。

Question

以下のような画面がありまして、
画面上に入力されたデータを拾って、DBに登録する処理を
追加したいのですが、アップデートのSQL文に画面上のデータを追加するには
どのような方法をとればよいのでしょうか。
お力添え願います。

環境：Windows、IE、Java、MySQL、Eclipse

<%@ taglib prefix="s" uri="/struts-tags"%>
<table>
<s:iterator value="List" status="rowstatus">
    <tr>
        <td><s:textfield name="item" size="5" /></td>
        <td><s:textfield name="prise" size="3" /></td>
    </tr>
</s:iterator>
</table>

<input type="button" value="保存" onclick="save()" />
<s:submit id='update' method="update" value="update"/>      //非表示のボタン

function save() {
	var res = window.confirm("更新します。よろしいですか？");
		document.getElementById('update').click();
}

Answer 1

form要素のIDがわかりませんが、<form id="your-form-id" … であれば下記のようにすれば form を実行出来るとおもいます。

function save() {
	if ( window.confirm( '更新します。よろしいですか？' ) ) {
		document.getElementById( 'your-form-id' ).submit();
	}
}

【window.confirm - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/confirm

Comments

[corazon]

ご回答感謝します。
えーと、すみません、改めて書くとこんな感じです。

<%@ taglib prefix="s" uri="/struts-tags"%>

<s:form theme="simple" action="mytest">
<table>
<s:iterator value="List" status="rowstatus">
<tr>
<td><s:textfield name="item" size="5" /></td>
<td><s:textfield name="prise" size="3" /></td>
</tr>
</s:iterator>
</table>

<input type="button" value="保存" onclick="save()" />
<s:submit id='update' method="update" value="update"/> //非表示のボタン
</s:form>

ご指摘の感じでいくと、

<s:form theme="simple" action="mytest">
↓
<s:form theme="simple" action="mytest" id="your-form-id">
にしまして、JavaScriptを変更すればよいのでしょうか。
頭が悪いのでいまいちピンときていません・・・。

[kei344]

「更新します。よろしいですか？」で「ok/はい」を押された時にFormが動けばいいのであれば、書いておられるもので試してみてください。

[corazon]

一応、仕組みとしましては、非表示のupdateボタンがアップデート処理を呼ぶボタンでして、
そちらに画面上のデータを入れてあげたいと思っています。

[corazon]

すみません、初歩的なことから余り理解していませんのでformが動けば～というのが何を意味するのかいまいち理解できておりません。。。
現状としましては、DBのデータを画面上に表示することは成功しています。

[kei344]

大変申し訳ないのですが、Java（JSP？） はそこまで触った事も無いため、この話がブラウザ上で起こらないのであれば私の回答は無視してください。

通常ブラウザでは <form>に囲まれた input要素に入ったテキストをサーバに送るアクションを、<input type="submit">か<button type=submit>というタグで出力されるボタンを押すことで行います。

それ以外の方法として、JavaScriptからサーバに送るアクションを起こす方法として有るのが私の回答にある書き方です。

[corazon]

なるほど、なんとなく読めてきました。
ぼくのやり方で簡単に実装するなら、formのidをupdate（非表示ボタンのid）にすることで上手くいくかもしれないですね！

[kei344]

「ぼくのやり方」が「click()」であれば上手くいきません。また、ifでの分岐を挟まなければ、どちらを選択してもフォームの送信が起こります。

とりあえず手元に環境があるのであればいろいろ試してみてください。

[corazon]

なるほど、参考になりました。
解決にはまだ至れてないですが、ごちゃっとしてた頭が少し整理されてきた感じです。