からJSP内のテキストフィールドの値を取り込み、このようなSQL Serverの中でメンバーと呼ばれる:オートは私がテーブルを持っているSQL Serverデータベース
MemberId MemberName MemberAddress City Pin OpeningDate ClosingDate InstallmentAmount Status
100 Abilash Hebbal Mysore 570023 21-07-2016 22-07-2016 200 Active
102 rohit Hootagalli Mysore 570018 02-08-2016 18-08-2016 200 Active
私は値をドロップダウンなどのSQL DBからメンバー名を取得し、ドロップダウンボックスを持っています。私がドロップダウンからMemberNameを選択すると、テキストフィールドMember ID、Member Address、Member City、開始日と終了日は、ドロップダウンから選択されたメンバー名に応じて対応する値を入力する必要があります。
DBからJSTLを使ってドロップダウンにメンバー名を表示しました。次のように入力してください:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ page import="java.io.*,java.util.*,java.sql.*"%>
<%@ page import="javax.servlet.http.*,javax.servlet.*" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<form name="AddCollection" action="AddCollection" method="get">
<sql:setDataSource var="pigmy" driver="com.microsoft.sqlserver.jdbc.SQLServerDriver"
url="jdbc:sqlserver://localhost:9900;DatabaseName=pigmy"
user="pigmy" password="pigmy"/>
<sql:query dataSource="${pigmy}" var="result">
SELECT MemberName from Members where Status='Active';
</sql:query>
Member:<select id="ClientDropdown" name="ClientDropdown" width="300" style="width: 300px">
<c:forEach var="row" items="${result.rows}">
<option><c:out value="${row.MemberName}"/></option>
</c:forEach>
</select><br/><br/>
Member ID: <input type="text" name="MemberID" size="10"/><br/><br/>
Member Address: <input type="text" name="MemberID" size="10" /><br/><br/>
Member City: <input type="text" name="MemberID" size="10" /><br/><br/>
Opening Date: <input type="text" name="MemberID" size="10" /><br/><br/>
Closing Date: <input type="text" name="MemberID" size="10" /><br/><br/>
Amount Collected: <input type="text" name="AmountCollected" value="0" size="40" /><br/><br/>
Amount Collected on: <input type="date" name="CollectedDate" value="0" size="40" /><br/><br/>
Collected for the Month: <input type="month" name="CollectedForMonth" value="0" size="40" /><br/><br/>
<input type="submit" value="Submit" name="Submit" />
</form>
</body>
</html>
ここでどのように進めてくださいか教えてください。私はサーブレットと一緒にJavascript、jquery、jstlのビットを知っています。私は、さらに処理するために私のサーブレットに自動的に入力されたテキストフィールド値を取得します。私を助けてください。
最も簡単な方法は、[HTMLデータ属性](httpsを使用するIHMO次のようになります。//developer.mozillaを。 (例えば、 'data-member-id'、' data-member-address'など)をそれぞれの 'option'に追加して、それらを使用しています(org/en/docs/Web/Guide/HTML/Using_data_attributes) '
@Jozef:それぞれのループのオプションタグ内に2つのデータ属性を追加しました。
そして、あなたの 'select'の' change'イベントを処理し、選択されたオプションを得るために[this code](http://stackoverflow.com/a/12750327/3511123)を使い、そして[.data(key)] (https://api.jquery.com/data/#data2) 'data'属性の値を取得するjQuery関数です。次に、Jquery [.val(value)](http://api.jquery.com/val/#val2)関数を使用してテキストフィールドの値を設定します(名前を正しく指定する必要があります。より良い - それらに一意のIDを割り当てる)。 –