0
htmlを使って簡単な自動車ローン計算を行い、すべての情報を別のJSPページに渡す必要があります。問題は、jspのフォームにJavaScriptの計算メソッドを渡す方法がわかりません。どんなアイデアや推奨事項も非常に高く評価されます。また、if else文を正しく作成しましたか?私はjspに新しいので、もし私があまりにも無知ならば容赦してください。 :)JSP、HTML、Javascript - jspに計算を渡す
これは私のHTMLコードです:
<html>
<head>
<title>Car Loan Calculation</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
label {
text-align:left;
width:130px;
display:inline-block;
padding-top:10px;
}
</style>
</head>
<body>
<h1>Perform Car Loan Calculation</h1>
<form id ="memberFrm" action="processCalculateCarLoan.jsp" method="post" onsubmit="return calculate()">
<fieldset>
<legend>Member Registration</legend><br>
<label for="loan">Loan Amount*</label>
<input type="text" id="loan" name="my_loan" size ="15" placeholder="Amount" />
<br/> </br>
<label>Period</label>
<select id="period" name="my_period">
<option value="1">3 years</option>
<option value="2">4 years</option>
<option value="3">5 years</option>
<option value="4">7 years</option>
</select>
<br/> </br>
<p> <input type="submit" id="btnSubmit" value="Submit"/>
<input type="reset" id="btnCancel" value="Cancel"/>
</p>
</fieldset>
</form>
<script>
function calculate(){
var e = document.getElementById("period");
var years = e.options[e.selectedIndex].value;
var loans = document.getElementById("loan").value;
var calc= document.getElementById("ans");
if (years === "1"){
var total = ((0.28 * 3)+loans);
}
else if (years === "2"){
var total = ((0.28 * 4)+loans);
}
else if (years === "3"){
var total = ((0.28 * 5)+loans);
}
else if (years === "4"){
var total = ((0.28 * 7)+loans);
}
}
</script>
</body>
</html>
これは私のJSPコードです:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<h1>Car Loan Calculation</h1>
<fieldset>
<%
String myLoan = null;
String myPeriod = null;
myLoan = request.getParameter("my_loan");
myPeriod = request.getParameter("my_period");
%>
<p>Thank you for registering in this event!</p>
<p>This is your details;</p>
<p>Loan Amount : <%=myLoan%></p>
<p>Loan Period : <%=myPeriod%></p>
<p>Loan Total : <%=%></p> <!-- I need to display the total calculation here but I don't know how to pass the value. Any ideas?-->
</fieldset>
</body>
</html>