如何根据单击的按钮动态删除特定对象的html元素?

时间:2015-03-07 20:01:26

标签: javascript jquery html ajax jsp

我正在使用jsp和servlet。

尝试使用JQuery和ajax从页面中删除用户按钮的用户详细信息。用户列表可以有任何金额。我正在尝试将表单和按钮的ID设置为用户的ID,以便正确删除用户的元素。

脚本中未声明用户对象,这是一个错误。我不知道该怎么做。

`<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script>
$(document).ready(function(){
    $("#<%=user.getUserId()%>").click(function(){
        $("#").remove();
});

}); `

包含servlet发送的用户列表的代码。我想删除表单中的所有内容,包括它自己而不刷新页面。我已经使用下面的第一个隐藏输入从数据库中删除了用户。

<%
    Object userObj = session.getAttribute("userList");
    List<User> userList = (List<User>) userObj;
    if (userList != null && userList.size() > 0) {
%>

<%
    for (User user : userList) {

%>      
<form action="Servlet" method="post" id="<%=user.getUserId()%>">
    <p><%= user.getUsername()%></p>

    <input type="hidden" name="removeUser" value=<%=user.getUserId()%> />
    <input type="hidden" name="action" value="removeUser" />
    <input id="<%=user.getUserId()%>" type="submit" value="Remove User" />
</form>
<%
        }
    }
%>`

2 个答案:

答案 0 :(得分:0)

检查一下,可能会让你朝着正确的方向前进

http://www.sanwebe.com/2012/04/ajax-add-delete-sql-records-jquery-php

答案 1 :(得分:0)

在您的表单末尾添加一个提交按钮,如<input type="submit" name="submitform" class="sub">,然后使用jquery和您选择的选择器,然后单击功能删除表单。 $('.sub').click(function () { $("form").remove(); } 或者在ur表单中添加一个类,然后将其用作更具体的选择器。

<form action="Servlet" method="post" id="<%=user.getUserId()%>" class="targetthisform">
$('.sub').click(function () { $(".targetthisform").remove();}