JS实现删除一行数据,页面序号重新排序功能。

本文介绍了一种在删除列表中某行数据后,如何动态调整剩余数据序号的方法,适用于前端JS实现。讨论了在不同业务场景下,前端和后端处理列表数据排序的策略,并分析了在form表单提交时,利用规则化的name属性值简化后台数据处理的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【废话,可以直接跳到重点实现】针对这类问题,先整理一下需求和思路:

    需求:有一个列表数据,序号为1,2,3...10 删除其中任意一行,比如3,剩余1,2,4...10还要按照1,2,3...9的顺序来排序。然后你在根据你的业务场景去处理你想要的结果集。

    思路:1,前端展示序号的时候,需要前端处理(JS实现:对于删除事件进行处理,首先获取当前删除行的序号,再将剩余行序号减1即可)。

               2,前端不需要展示序号的时候,可以前端或者后端处理(后端对数据重新排序实现,此文忽略)。

 

【实现】
1,html页面:

 

部分静态html页面:

新增按钮事件:

 

【重点实现】

 

【扩展分析】

对于列表数据,进行form表单提交的时候,往往是整体数据提交,存在较多的数据量。可以根据form表单提交的性质,修改有规则的name属性值,就可以在后台拿到对应的数据集。此时上文中的每个name属性的值的作用就能体现出来了。

如:name="irmContentTime1",name="irmContentTime2"

在后台就可以直接根据这样的规则去遍历或者有针对性的处理业务数据,同时对于页面有规则的处理也有较大的方便之处。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值