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

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

4个回答

初始化忘记给总条数赋值了,以这个为准
<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>
u014074697
张大教主 行开头四个空格
2 年多之前 回复
slp___
slp___ 这样的页面是如何贴出来的呢,我之前贴出来的和你刚开始那个一样
2 年多之前 回复

用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>
u014074697
张大教主 回复slp___:简单, 我下面给你写了一个,测试过,没问题,试一下
2 年多之前 回复
slp___
slp___ 我用的是table,easyUI没用过.....
2 年多之前 回复

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问