Question

我通过jsp创建tabla。这个表从Person tabla（Database）读取数据并放入html表中每行有两个按钮，一个用于删除，另一个用于编辑我想通过点击编辑按钮获取同一页面中确认表格中的单元格值信息由jsp send for confirm form

创建

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="/css/table.css">
</head>
<body>
<div id="updialog">
    <form>
        <label>ID:</label> <br><br>
        <label>First Name</label>
        <input type="text" name="fname"><br><br>
        <label>Last Name</label>
        <input type="text" name="lname"><br><br>

        <input type="submit" name="INS" value="Confirm"><br><br>
    </form>
</div>

<%!
    ArrayList<Person> person = new ArrayList<Person>();
    PersonTable pt = new PersonTable();//read data form database
%>
<table>
    <tr>
        <th>ID</th>
        <th>First_Name</th>
        <th>Last_Name</th>
    </tr>
    <%
        person = pt.readPersonTable();
        for (Person p : person) {
    %>

    <tr>
        <td id="<%= p.getId()%>_ID">
            <%= p.getId()%>
        </td>
        <td>
            <%= p.getfName()%>
        </td>
        <td>
            <%= p.getlName()%>
        </td>
        <td style="background-color:white">
            <input type="button" id="<%= p.getId()%>_edit" class="edit" name="Edit">
        </td>
        <td>
            <input type="button" name="Delete" id="<%= p.getId()%>_del" class="del">
        </td>
    </tr>
    <%
        }
    %>
</table>
</body>
</html>

Answer 1

您拥有person数组中的所有值，因此您只需要从数组中找到该ID，并根据您可以获取详细信息。而且你必须使用表格而不仅仅是按钮您可以尝试以下方法：

<%!
    ArrayList<Person> person = new ArrayList<Person>();
    PersonTable pt = new PersonTable();//read data form database
    person = pt.readPersonTable();
%>

<%
    String id = request.getAttribute("editId");
    if( id != null)
    {
        for (Person p : person) {
            if(id.equals(p.getId())) {          
%>
<form>
    <label>ID: <%= p.getId()%> </label> <br><br>
    <label>First Name</label>
    <input type="text" name="fname" value="<%= p.getfName()%>"><br><br>
    <label>Last Name</label>
    <input type="text" name="lname" value="<%= p.getlName()%>"><br><br>
    <input type="submit" name="INS" value="Confirm"><br><br>
</form>
<%
            }
        }
    }
%>

<table>
<tr>
    <th>ID</th>
    <th>First_Name</th>
    <th>Last_Name</th>
</tr>
<%
    for (Person p : person) {
%>

<tr>
    <form action="#?editId=<%= p.getId()%>" method="GET">
    <td id="<%= p.getId()%>_ID">
        <%= p.getId()%>
    </td>
    <td>
        <%= p.getfName()%>
    </td>
    <td>
        <%= p.getlName()%>
    </td>
    <td style="background-color:white">
        <input type="submit" id="<%= p.getId()%>_edit" class="edit" name="Edit">
    </td>
    <td>
        <input type="submit" name="Delete" id="<%= p.getId()%>_del" class="del">
    </td>
    </form>
</tr>
<%
    }
%>
</table>
</body>
</html>

将java服务器页面创建的表行发送到javascript函数

1 个答案: