帮助从 HTML 表格中删除字段

Question

所以我不确定如何标记这个，但基本上我有一个动态加载的 HTML 表，其中包含可以删除的值，目前我正在使用复选框让用户决定要删除哪一行。到目前为止，这是我的代码：

      <table id="comments" align="center" width="59%">
    <thead>
      <th class="headerClass" width="7%">Delete</th>
      <th width="15%" class="headerClass">Date</th>
      <th class="headerClass" width="15%">Employee</th>
      <th class="headerClass">Comment</th>
    </thead>
      <tbody>           
<%
  while (result.next()) { 

        commentDate = StringUtils.defaultString(result.getString("commentDate"));
        commentUser = StringUtils.defaultString(result.getString("cName"));
        comment = StringUtils.defaultString(result.getString("xbs_comment"));

%>

      <tr>
        <td class="normal"><input type="checkbox" class="checkbox" /></td>
        <td class="normal"><%=commentDate%></td>
        <td class="normal"><%=commentUser%></td>
        <td class="normal" width="68%"><%=comment%></td>                
      </tr> 
  </tbody>     
</table>    
  <label for="comment"><h4>Add a Comment:</h4></label> 
  <textarea cols="105" id="comment" name="comment" rows="4"></textarea> 
<br />

<div align="center" class="submit">
  <input class="submit" width="10%" type="submit" name="submit" id="submit" value="Submit" />
</div>

基本上我有一个带有评论的表格，用户可以使用提交按钮添加评论，但我希望他们也能够使用复选框来删除评论。我是否需要另一个带有删除按钮的表单标签，或者我可以只使用这个提交按钮吗？另外，如果我确实保留了复选框，我如何让程序的后端（函数和 servlet）知道选中了哪个？感谢您的帮助！

Answer 1

您可以与相同的提交一起执行此操作。您也可以通过ajax删除评论，删除成功后可以重新加载页面。

以下是使用同一提交按钮删除评论的一些方法。我假设用户有权删除表中的所有评论。

but I would like them to also be able to use the check box to delete comments

为此，您必须在复选框上分配一个对于每条评论都是唯一的值。通常是表示每条评论的行中的主键或 ID。

对每个复选框使用单个名称来执行多次删除。下面的示例

comments.jsp

<form name="commentForm" action="addDelete.jsp">
    <div>
<table>
    <thead>
        <tr>
            <th>No.</th><th>Date</th><th>User</th><th>Comments</th>
        </tr>
    </thead>
    <tbody>
        <% 
          for(Comment cmnt : commentList){
        %>
            <tr>
                <td><input type="checkbox" value="<%=cmnt.getCmntId()%>" name="cmntId" /></td>
                <td><%=cmnt.getCmntDate()%></td>
                <td><%=cmnt.getCmntUser()%></td>
                <td><%=cmnt.getCmntComment()%></td>
            </tr>
        <%              
          }
        %>
    </tbody>
</table>
<textarea cols="50" rows="10" name="newComment">
</textarea>
<br />
<input type="submit" value="Delete" />
<input type="hidden" name="userId" value="Id_of_the_user">
</div>
</form>

这只是一个示例，因此请更多地关注有复选框的部分。

addDelete.jsp

现在，在 adddelete.jsp 上，您可以有两个具有不同功能的查询。第一个是添加新评论，第二个是删除评论。

要获取要删除的评论列表，请将其存储在数组中。并且还获取其他字段。

String[] cmntIds = request.getParameterValue("cmntId"); //This store all the cmntId that are checked in the previous checkbox.
String newComment = request.getParameterValue("newComment");
String userId = request.getParameterValue("userId"); //This can be in a session

//Some function you may need
deleteComment(cmntIds); //Execute a query to delete comment using the cmntIds
inserNewComment(newComment, userId); //Execute a query to add the new comment using newComment and userId if there is a comment attached.

除了这一部分之外，我希望您能够处理完成您想做的事情所需的功能。