Ich habe eine Tabelle Mitglieder in SQL Server wie folgt aufgerufen:auto bevölkert Werte für Textfelder in jsp von SQL Server-Datenbank
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
Ich habe eine Drop-Down-Box, die Member von SQL-Datenbank holt wie unten Werte fallen. Wenn ich einen Mitgliedsnamen in der Dropdown-Liste auswähle, müssen die Textfelder Mitglieds-ID, Mitgliedsadresse, Mitgliedsstadt, Eröffnungsdatum und Abschlussdatum mit entsprechenden Werten gefüllt werden, abhängig vom gewählten Mitgliedsnamen aus dem Dropdown-Menü.
Ich habe getan, membernames von db in Drop-Down mit JSTL in meiner jsp anzeigt. wie folgt:
<%@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>
Bitte führen Sie, wie gehe ich jetzt vor. Ich kenne ein bisschen Javascript, Jquery und JSTL zusammen mit Servlet. Ich werde die automatisch aufgefüllten Textfeldwerte in meinem Servlet zur weiteren Verarbeitung abrufen. Bitte hilf mir.
Der einfachste Weg wäre IHMO zu verwenden [HTML Datenattribute] (https: //developer.mozilla. org/en/docs/Web/Guide/HTML/Using_data_attributes), dh die Zugabe zu jedem 'option' wenige Datenattribute (zB' data-Mitglied-id', 'Daten Mitglied-address', etc.) und deren Verwendung in der '
@Jozef: können sagen, ich habe noch zwei Datenattribute Tag innerhalb Option für jede Schleife: ich werde eine js Script-Datei hinzufügen, wo ich eine Funktion onchange für select-Tag schreiben wird: in dieser Funktion wie kann ich Werte Textfelder? Ich meine, wie man das Datenattribut der gewählten Option holt? Danke für deine Antwort. – curiousboy
dann mit [diesem Code] (http://stackoverflow.com/a/12750327/3511123), um die 'change' Veranstaltung Ihres' select' zu handhaben und die gewählte Option erhalten, und dann dem [.data (key)] (https://api.jquery.com/data/#data2) jQuery-Funktion, um die Werte von 'Daten'-Attributen zu erhalten. Verwenden Sie dann die Funktion Jquery [.val (value)] (http://api.jquery.com/val/#val2), um die Werte der Textfelder festzulegen (Sie müssen sie richtig benennen, nicht alle mit demselben Namen; noch besser - weisen Sie ihnen eine eindeutige ID zu. –