売上金額の自動計算について

Javaで開発をしています。
Eclipseを使用しています。（動的Webプロジェクト：JSP、Servlet、BsLogic、Dao、Dto）
課題で売上を入力し管理するシステムを作っています。
売上登録機能について質問があります。

登録内容：「受注日」「取引先」「商品名」「売上個数」「売上金額」

「売上金額」の欄があるのですが自分で入力するのではなく、既にデータベースの方に格納されている「商品単価」と入力された「売上個数」をかけた値を表示し登録するというものなのですが、そのコードの書き方が分かりません。
ネットで調べてみる限りではJavaScriptを使うようなのですが、今まで使ったことがなく書き方が分かりません。

＜疑問点＞
・JavaScript以外の実装方法があるのか
・JavaScriptで実装する場合、JSPの中に書くのか「.js」で別のファイルに書くのか
・JavaScriptの中にデータベースの値を持ってくることはできるのか
・実装するコードの書き方

よろしくお願いします。

ClientInsert.jsp
1<!-- 売上登録画面 -->
2<table border="1" style="border-collapse: collapse">
3	<tr style="background-color: #ffdab9;">
4		<th>受注日</th>
5		<th>取引先</th>
6		<th>商品名</th>
7		<th>売上個数</th>
8		<th>売上金額</th>
9	</tr>
10	<tr>
11		<td>
12			<input type="text" name="orderDate" value="<%=src0101Dto.getOrderDate() %>">		<!-- 受注日 -->
13		</td>
14		<td>
15			<select name="clientCode">
16				<% for(ClientDto dt : src0101Dto.getListClientNames()){ %>
17					<option  value="<%=dt.getClientCode() %>"><%=dt.getClientName() %></option>		<!-- 取引先 -->
18				<% } %>
19			</select>
20		</td>
21		<td>
22			<select name="productCode">
23				<% for(ProductDto dt : src0101Dto.getListProductNames()){ %>
24					<option value="<%=dt.getProductCode() %>"><%=dt.getProductName() %></option>		<!-- 商品名 -->
25				<% } %>
26			</select>
27		</td>
28		<td><input type="text" name="salesQuantity"></td>		<!-- 売上個数 -->
29		<td><input type="text" name="salesPrice"></td>		<!-- 売上金額 -->
30	</tr>
31</table>
32
33<!-- 売上登録ボタン -->
34<input type="button" onclick="salesInsert();" value="売上登録"><br>

68user

2022/05/06 03:48

DBから持ってくる場合は JavaScript は使いません。 Servlet 内で JDBC を使って DB から取得し、JSP に渡して JSP でそれを表示するのが一般的です。

dodox86

2022/05/06 05:09

書き方の手本があるような前提のご質問ですが、使っているDB（テーブル）やUI、全体の作りによるので、このようなザックリとした質問内容ではコードの書き方など回答できないと思います。まずはデータはダミーでサーブレットだけとか、それができたらサーブレット+JSPで表示するなどやってみたらどうでしょう。

68user

2022/05/06 09:27

ソースを見る限りでは、プルダウンで選択された商品によって個数や金額が異なるから Servlet の段階で個数・金額を特定できないってことですか? であれば選択される可能性がある個数・金額を既存 dto に突っ込むなどして HTML 上に Javascript の配列として置いておく。プルダウンが選択されたら onChange などで適切な個数・金額を選んで salesPrice などに突っ込む。別の方法としては個数・金額取得 API を作って (Serlvet+JSPで)、プルダウンが選択されたら onChange から API を叩いて個数・金額を取得し、salesPrice などに突っ込む。どっちでもいいですけどゴールが遠そうなので、もし指導者がいるなら相談した方がいいと思います。