2016-08-02 88 views
0

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数据库获取成员名称作为下拉值的下拉框。当我在下拉菜单中选择一个会员名称时,根据下拉列表中选定的会员名称,文本字段会员ID,会员地址,会员城市,开幕日期和结束日期需要填入相应的值。

我已经完成在db中使用JSTL在jsp中显示成员名称。像这样:

<%@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以及servlet。我将在我的servlet中获取自动填充的文本字段值以供进一步处理。请帮帮我。

+0

最简单的方法是IHMO使用[HTML数据属性(HTTPS://developer.mozilla。 org/en/docs/Web/Guide/HTML/Using_data_attributes),即为每个选项添加少量数据属性(例如'data-member-id','data-member-address'等) 'onchange'处理程序的'