如何让JSP页面中查询的数据随着remove()删除而动态改变

在JSP页面最后一行实现本页面的共查询出来的数据量，此数据量会随着页面数据的删除而进行改变，（此删除只是页面上进行remove(),并不是在数据库里面删除了）

初始化忘记给总条数赋值了，以这个为准
<script>
    function delData(obj){
        obj.parentElement.parentElement.parentElement.removeChild(obj.parentElement.parentElement);
        document.getElementById("tt").innerHTML=document.getElementById("tb").rows.length;

    }
    setTimeout('document.getElementById("tt").innerHTML=document.getElementById("tb").rows.length;',100);
</script>

<table id="tb">
    <tr>
        <th>字段1</th>
        <th>字段2</th>
        <th>操作</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td><input type="button" value="删除" onclick="delData(this);" /></td>
    </tr>
    <tr>
        <td>11</td>
        <td>12</td>
        <td><input type="button" value="删除" onclick="delData(this);" /></td>
    </tr>
</table>
<hr>
<span id="tt" style="bottom:20px;"></span>

用JS控制，点击删除的时候去掉对应数据的同时数量-1

不知道你前端列表用的什么控件，我假设为easyui吧
<script>
$("#dg").datagrid({
     columns:[[{
        {field:'id',title:'主键',halign:'center',align:'center'},
                {field:'name',title:'名称',halign:'center',align:'center'},
                {field:'oper',title:'操作',halign:'center',align:'center',formatter:function(value,row,index){
                    return '<a style="cursor:pointer;color:blue;" onclick=delData("'+index+'")>删除</a>'
                }},
            }]]
    })
    function delData(index){
        $("#dg").datagrid('deleteRow',index);
        var rows=$("#dg").datagrid("getRows");
        if(rows){
            $("#tt").text(rows.length);
        }
    }
</script>
<body>
<table id="dg" class="easyui-datagrid" options="singleSelect:true,fitColumns:true,rownumbers:true,footer:'#tb'"></table>
<div id="tb">totals:<span id="tt"></span></div>
</body>

也简单，在table中多加一列操作列，用于删除作用

function delData(obj){ obj.parentElement.parentElement.parentElement.removeChild(obj.parentElement.parentElement); document.getElementById("tt").innerHTML=document.getElementById("tb").rows.length; }
字段1字段2操作
12
1112