JS动态删除行，重新排序问题

最新推荐文章于 2021-12-27 19:17:04 发布
最新推荐文章于 2021-12-27 19:17:04 发布
阅读量1.1k 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011425213/article/details/9406633
版权

<html> 
<head> 
<script type="text/javascript"> 
var index; 
index = 2;

//新增一条参数信息 
function addParamConf(){ 
  s1 = "<input name='paramName"+index+"' class='style1' id='paramName"+index+"' dataType='Require' msg='参数名称不允许为空' type='text'  style='width:100%' value='paramName"+index+"'>"; 
  s2 = "<input name='paramValue"+index+"' class='style1' id='paramValue"+index+"' dataType='Require' msg='参数值不允许为空' type='text' style='width:100%' value=''>"; 
  s3 = "<input name='description"+index+"' class='style1' id='description"+index+"' type='text' style='width:100%' value=''>"; 
  s4 = "<a href=javascript:deleteParamConf('"+index+"')>删除</a>"; 
  arow = ParamConf.insertRow(); 
  arow.id="ParamConf"+index; 
  c1 = arow.insertCell(); 
  c1.align="center"; 
  c1.className='td_rb'; 
  c1.innerHTML=s1; 
  
  c2 = arow.insertCell(); 
  c2.align="center"; 
  c2.className='td_rb'; 
  c2.innerHTML=s2; 
  
  c3 = arow.insertCell(); 
  c3.align="center"; 
  c3.className='td_rb'; 
  c3.innerHTML=s3; 
  
  c4 = arow.insertCell(); 
  c4.align="center"; 
  c4.className='td_rb'; 
  c4.innerHTML=s4; 
  
  index = index+1; 
   //window_resize(); 
//initWindow(true); 
} 
//删除行 
function deleteParamConf(index){ 
  if(window.confirm('确定要删除这条记录吗?')){ 
ParamConf.deleteRow(document.getElementById("ParamConf"+index).rowIndex);

this.index = this.index - 1; 
  } 
} 
</script>


<title>147</title> 
</head> 
<body> 
<table id="ParamConf" name="ParamConf" align="center" width="100%" border="1" style="border-collapse:collapse" bordercolor="#99CCFF" class="style1"> 
<form name="mobileParamForm" method="post" action=""> 
  <tr align="center"> 
    <td width="25%">id</td> 
    <td width="25%">名称</td> 
    <td width="40%">职务</td> 
<td width="10%"><a href="javascript:addParamConf();">增加</a></td> 
  </tr> 
  
<tr id="ParamConf1"> 
  <td><input name="paramName1" class='style1' id="paramName1" type="text"  style="width:100%"></td> 
  <td><input name="paramValue1" class='style1' id="paramValue1" type="text"  style="width:100%"></td> 
  <td><input name="description1" class='style1' id="description1" type="text"  style="width:100%"></td>   
  <td align="center"><a href=javascript:deleteParamConf('1')>删除</a></td> 
</tr> 
</form> 
</table> 
</body> 
</html>

博智诚信
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用js实现页面删除并重新排序
m15733292434的博客
12-09 2647
首先，用jqury选择器，选中勾选的行： var cks = $("#indicator_table").find("input[type='checkbox']:checked"); 然后弹出一个确认是否删除框，为是否删除框中的确定绑定一个delInd()事件； 先在页面把选中的那一行，remove或者html（“ ”）掉， $("#indicator_table").find("inp
Javascript——数组元素添加、删除、排序和索引
mintsolace的博客
06-04 792
添加删除数组元素的方法 push()在数组的末尾添加一个或多个数组元素 var arr = [1,2,3]; arr.push(4,‘pink’); console.log(arr); (1)push可以给数组追加新的元素 (2)push()参数直接写数组元素即可 (3)push完毕之后，返回的结果是新数组的长度 (4)原数组也会发生变化 unshift在数组开头，添加一个或多个数组元素 console.log(arr.unshift(‘red’,‘purple’)); console.log(arr);
利用JS实现页面删除并重新排序功能
10-20
主要介绍了利用JS实现页面删除并重新排序功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
JS动态添加、删除Table行排序（删除整行、删除整列）
10-12
JS动态添加、删除Table行排序（删除整行、删除整列）JS动态添加、删除Table行排序（删除整行、删除整列）
js操作新增和删除行同时重写编号和每行的id和name值
puyan1027981382的博客
08-21 2783
html代码如下 " readOnly> comment, "class='form-control'");?> taskId, "class='form-control'");?>
JavaScript：js实现拖拽移动，删除后自动排列（二）
一火的专栏
12-27 714
js实现拖拽移动，删除后自动排列，是基于《JavaScript：js实现拖拽》的改进。 具体如下： HTML代码： <!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>js实现拖拽移动和删除</title> <script src="jquery-1.7.min.js"></script> <script src="Wate
动态table添加或者删除一行使序号重新排序，placeholder、id和name同时重新排序
05-06
动态table添加或者删除一行使序号重新排序，placeholder、id和name同时重新排序
算法实践(JavaScript & Java)，排序，查找、树、两指针、动态规划等
最新发布
04-13
本资源包"算法实践(JavaScript & Java)，排序，查找、树、两指针、动态规划等"涵盖了编程中的多个重要概念，旨在帮助开发者提升算法设计与实现能力。接下来，我们将详细探讨这些知识点。 1. **动态规划**： 动态...
JS table重新排序例子
u011425213的专栏
07-22 1077
Table 排序 .odTable {     width:500px;     border:1px solid #ebebeb;     line-height:20px;     font-size:12px;     background:#FFF;     } .odTable thead td {     background-color:#ebebeb; }
js引用类型01-数组类型整理：定义、检测、转换、修改、重排序、查找、迭代方法、缩小数组、炫酷文字logo效果
君莫笑
03-06 287
数组类型整理一、数组定义二、检测数组三、数组转换四、修改数组1、栈方法（先进后出）2、队列方法（先进先出）3、操作方法a、concat()和slice()b、splice()3、清空数组五、数组重排序方法
js实现添加删除一行。每一行下面可以再添加一行。序号自动改变
08-30
本效果带tab切换效果。 js实现自动添加删除一行。添加删除时序号自动改变。每一行后面有添加一行按钮，点击时自动在点击行的下面添加一行。新添加行有文本框，文本框输入值失去焦点后自动变为输入的值。
JS中数组重排序方法
11-28
1.数组中已存在两个可直接用来重排序的方法：reverse（）和sort（）。 reverse()和sort（）方法的返回值是经过排序后的数组。reverse（）方法会反转数组项的顺序： var values=[1,2,3,4,5]; values.reverse(); alert(values); //5,4,3,2,1 在默认情况下，sort（）方法按升序排列数组，sort（）方法会调用每个数组项的toString（）转型方法，然后比较得到字符串，确定如何排序。即使数组中的每一项都是数值，sort（）方法比较的也是字符串： var values = [0,1,5,10,15]; val
JS实现对json对象排序并删除id相同项功能示例
12-10
本文实例讲述了JS实现对json对象排序并删除id相同项功能。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>www.jb51.net json排序并删除ID相同项</title> </head> <body> [removed] var data=[ { "distance": 10, "name": "lv", "id": 1 }, { "distance": 1, "name": "lv", "id": 1 }, { "di
js多功能样式表格（可添加删除修改排序表格）
04-10
这个表格有漂亮的样式，可以隔行换色，单元格可以高亮显示，可以添加一行表格，删除本行，还可以排序，表格中有下拉框、checkbox等空间，挺好的功能。 但是要在IE8上运行，其他浏览器是不支持的，文件为.html格式，下载直接用IE浏览器打开就可以啦！
jquery 删除当前行，重置编号问题
MrWang
09-26 2749
$(function () {         $('input[name=btnDel]').click(function () {             var trNode = $(this).parent().parent();             $($(this).parent().parent().nextAll("tr")).each(function () {   
js 删除 重新排序 js
09-04
在 JavaScript 中，如果我们想删除数组中的特定元素并重新排序，可以通过以下步骤来实现： 1. 首先，我们需要找到要删除的元素在数组中的索引。可以使用数组的 `indexOf()` 方法来查找元素的索引值。例如，如果我们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值