<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <title></title> <script> $(document).ready(function(){ //<tr/>居中 $("#tab tr").attr("align","center"); //增加<tr/> $("#but").click(function(){ var _len = $("#tab tr").length; $("#tab").append("<tr id="+_len+" align='center'>" +"<td>"+_len+"</td>" +"<td><input type='text' name='mc_"+_len+"' id='mc_"+_len+"' /></td>" +"<td><input type='text' name='dhhm_"+_len+"' id='dhhm_"+_len+"' /></td>" +"<td><a href=\'#\' onclick=\'finish("+_len+")\'>完成</a></td>" +"<td><a href=\'#\' onclick=\'deltr("+_len+")\'>删除</a></td>" +"</tr>"); }) }) //删除<tr/> var deltr =function(index) { var _len = $("#tab tr").length; $("tr[id='"+index+"']").remove();//删除当前行 } function finish(index){ alert("mc:" + $("#mc_"+index).val()); alert("dhhm:" + $("#dhhm_"+index).val()); } </script> </head> <body> <table id="tab" border="1" width="60%" align="center" style="margin-top:20px"> <tr> <td width="20%">序号</td> <td>名称</td> <td>电话号码</td> <td colspan='2'>操作</td> </tr> </table> <div style="border:2px; border-color:#00CC00; margin-left:20%; margin-top:20px"> <input type="button" id="but" value="增加"/> </div> </body> </html>
相关推荐
今天要分享一款基于jQuery的标签插件,使用这款插件,我们可以动态增加和删除标签,在写博文的时候,我们为博文打标签就不用逗号或者分号隔开了,当你每新增一个标签时,该插件就会为你检查标签内容输入的正确性,...
jQuery动态添加删除编辑标签代码是一款自定义选项卡,添加选项卡,删除选项卡,编辑选项卡内容等。 jQuery动态添加删除编辑标签代码截图
这是一款实用的jQuery动态添加移动列表插件,jQuery动态添加数据代码,jQuery动态数据代码。
使用jquery为表格动态添加行数据,以及删除某一行数据
主要介绍了jQuery实现动态添加、删除按钮及input输入框的方法,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
需要动态编辑表格,但是layui的编辑表格只适合 【有数据】修改功能用,并不适合【无数据】新增的功能使用,所以本人研究了几日,才写出了这么一个 无数据绑定,当然也可以自行绑定数据源,并且可以新增空白行,直接...
1.GridView如何新增一行数据 2.jQuery实现对数据的增删改查
动态表格,功能为点击添加按钮,表格增加一行并给其name属性赋予的值,点击删除,自动删除这一行,具体实现如下
jQuery添加删除标签代码是一款简单实用的自定义添加标签跟删除标签特效。
本文介绍了jQuery 实时保存页面动态添加的数据的示例,分享给大家,具体如下: 需求:用户填写的东西,必须要实时保存 分析:监听用户操作事件,如:change、keyup 等,向后端发送请求 实际情况: 用户填写的表单,...
NULL 博文链接:https://simplehumn.iteye.com/blog/1434818
因为之前有一份资源有朋友咨询过X,Y轴交互及区间范围中进行取值的一个问题,所以补一份区间范围的交互及json格式获取数据的demo,如需实现自己所需效果可以自行修改,有疑问也可以留言,json输出如:[{min:0,max:10,...
jQuery数据列表新增或修改删除代码
jQuery用户交互动态展示信息特效是一款万剑穿心的排骨图动画特效。
主要介绍了jQuery实现表格行和列的动态添加与删除方法,涉及jQuery针对页面元素的动态添加与删除相关技巧,非常简便实用,需要的朋友可以参考下
DataTable+Jquery+Bootstrap实现表格增删改查 使用DataTable+Jquery+Bootstrap实现表格增删改查
今天我们要来介绍一款比较特别的jQuery图表应用,它是一个环形的循环流程图表,图表中的每一个节点都由一个有向箭头互相连接,该图表的特点在于,你可以动态想图表中插入一个节点,有了这个功能,我们就可以让这个...
很实用的日历控件,可以前台后台对接使用。
jQuery向下滚动表格头部固定代码 jQuery向下滚动表格头部固定代码
使用jquery对行列进行删除、新增,动态添加。