- 浏览: 533562 次
- 性别:
- 来自: 青岛
-
文章分类
- 全部博客 (222)
- 帖子来的 (3)
- JavaScript (25)
- Java (10)
- DataBase (2)
- el表达式 (1)
- html (4)
- FCKEDITOR和TINYMCE (3)
- tomcat (5)
- JavaEE (12)
- Eclipse (7)
- Windows (3)
- Dos命令 (1)
- Oracle (20)
- 乱搞 (1)
- AHK (3)
- TC (2)
- vim (12)
- Perl (13)
- ANT (6)
- Android (3)
- antlr (1)
- SSH (14)
- C/C++ (3)
- wordpress (4)
- CSS (3)
- java2D (1)
- Lucene (4)
- Linux (9)
- jquery (4)
- testsomething (7)
- JVM监控优化 (3)
- emacs (4)
- svn cvs版本控制 (2)
- 硬件 (1)
- j2me (2)
- maven (5)
- WebService (4)
- aspectJ (1)
- 算法 (2)
- mysql (1)
- project (2)
- 正则表达式 (2)
- firefox (1)
最新评论
-
直觉:
gua 顶
com.opensymphony.xwork2.inject.DependencyException -
fordfelix:
加了以后 任然存在这个异常 求解!!
struts2 json 插件 @JSON(serialize = false) -
fangyan_oracle:
谢谢了, 很受用
用IE修改当前页面内容的代码zzzz -
cfying:
[flash=200,200][/flash][url][/u ...
精解window.setTimeout()使用方式与参数传递问题!(转) -
qinglangee:
tiewazi 写道param必须是全局变量(即window对 ...
精解window.setTimeout()使用方式与参数传递问题!(转)
//添加行 function addRow(tableName){ if(window.ActiveXObject){ addRowIE(tableName); }else{ addRowFF(tableName); } } //删除行 function deleteRow(evt,tableName){ if(window.ActiveXObject){ deleteRowIE(tableName); }else{ deleteRowFF(evt,tableName); } } // function get_Element(the_ele,the_tag){ the_tag = the_tag.toLowerCase(); if(the_ele.tagName.toLowerCase()==the_tag){ return the_ele; } while(the_ele=the_ele.offsetParent){ if(the_ele.tagName.toLowerCase()==the_tag){ return the_ele; } } return(null); } function deleteRowIE(the_table){ var the_cell; the_cell=get_Element(event.srcElement,"td"); var index=the_cell.parentElement.rowIndex; if(the_cell==null) return; if(the_table.rows.length==1) return; var count=document.getElementById('inputTable').rows.length; //先往上移,再删除 for(var i=index;i<count-1;i++){ document.getElementById("inputTable").moveRow(i,i+1); } the_table.deleteRow(count-1); } function deleteRowFF(evt,the_table){ var the_cell; the_cell=get_Element(evt.target,"td"); var index=the_cell.parentNode.rowIndex; //直接删除 the_table.deleteRow(index); } function addRowIE(tableName) { var newTr = document.getElementById(tableName).insertRow(); //var newTdIndex = newTr.insertCell(); var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); var newTd2 = newTr.insertCell(); newTd0.className="list_data_bg"; newTd1.className="list_data_bg"; newTd2.className="list_data_bg"; newTd0.innerHTML = '<input type="hidden" name="stage_cd" value="0"/><span>noStage</span>'; newTd1.innerHTML = '<input type="hidden" name="module_cd" value="0"/><span>noModule</span>'; newTd2.innerHTML = '<a href="#" onclick="deleteRow(event,inputTable)"><IMG SRC="oams/images/standard/delete.gif" BORDER="0"></a>'; } function addRowFF(tableName){ var newTr = document.getElementById(tableName).insertRow(-1); //var newTdIndex = newTr.insertCell(); var newTd0 = newTr.insertCell(-1); var newTd1 = newTr.insertCell(-1); var newTd2 = newTr.insertCell(-1); newTd0.setAttribute("class","list_data_bg"); newTd1.setAttribute("class","list_data_bg"); newTd2.setAttribute("class","list_data_bg"); newTd0.innerHTML = '<input type="hidden" name="stage_cd" value="0"/><span>noStage</span>'; newTd1.innerHTML = '<input type="hidden" name="module_cd" value="0"/><span>noModule</span>'; newTd2.innerHTML = '<a href="#" onclick="deleteRow(event,inputTable)"><IMG SRC="oams/images/standard/delete.gif" BORDER="0"></a>'; }
发表评论
-
有关浏览器的退格键问题(转)
2011-06-24 10:32 3873bbs : http://topic.csdn.net/u/2 ... -
实现jQuery的document.ready功能js代码
2010-09-12 09:15 2877<!DOCTYPE html PUBLIC &quo ... -
改变form 的action时不能用jquery的$("#formId")
2010-07-15 11:55 3185$("#formId").action=& ... -
谷歌的在线翻译API(转)
2010-03-23 16:34 1911谷歌的在线翻译API很好用哈哈 <!DOCTYPE ... -
12种不宜使用的Javascript语法(转载)
2010-01-22 22:13 1080... -
English 背单词
2010-01-12 16:05 1465李老师 跟我攒单词系列的500个单词 <!DOCT ... -
页面定时跳转
2009-11-26 09:51 1417<body> <div id=& ... -
Javascript获得屏幕长度宽度
2009-04-20 22:47 2124网页可见区域宽 document.body.clientWi ... -
document.body.contentEditable='true'
2008-02-21 11:49 7623javascript:document.body.conten ... -
js简单实现div圆角
2008-02-02 15:28 2380原文 http://www.w3pop.com/comm/vi ... -
[JS]slice()方法的使用
2008-02-01 08:45 4692var a; a = new Array("a&q ... -
Ajax::prototype 源码解读 之 prototype.js [转]
2008-01-31 16:23 2104Ajax::prototype 源码解读 之 protot ... -
js鼠标事件大全
2008-01-30 13:59 1897一般事件 事件 浏览器支持 描述 onClick IE ... -
JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等(转)
2008-01-28 11:32 13921.判断select选项中 是否存在Value="p ... -
js读取文本文件-xmlHTTP
2008-01-16 14:59 3433<html> <head> ... -
xmlhttp 乱码 的解决方法 (UTF8,GB2312 编码 解码)(转)
2008-01-16 13:28 2871用xmlhttp post form时的表单乱码有两方面的原因 ... -
嗯, js编码转换(转)
2008-01-16 10:03 4000随便写写, 有兴趣就看, 与.net无多大关系. 这几天无 ... -
如何用js来判断浏览器类型(ie,firefox)等等(zzz)
2007-12-24 17:06 3095现在网络上的浏览器,操作系统就象中国的方言一样,那个叫多啊!这 ... -
js 兼容(转)
2007-12-24 15:44 15351,document.getElementById替代docu ... -
点击表头排序的几种方法(转)
2007-12-24 15:32 1241我记得老早老早大家就开始在经典讨论表格排序的问题了,过了这么多 ...
相关推荐
jquery动态添加删除行 点击按钮动态添加行或动态删除行代码 删除后序号重新排列
本示例“jquery表格动态添加删除行代码”利用jQuery的强大功能,为用户提供了一个直观且用户友好的表格管理体验。这个代码实现了一个功能,即在表格中动态地添加和删除行,这对于数据展示和编辑是非常实用的。 首先...
<title>jQuery动态添加删除行 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 姓名 年龄 操作 张三 <td>25 <td><button class="delete">删除</button></td> ...
本篇文章将详细介绍两种jQuery实现动态添加删除行的方法。 ### 方法一:使用append()和remove() **添加行:** `append()`函数是jQuery中的一个方法,用于在元素末尾添加新的内容。在表格中添加新行,我们可以先...
js动态添加 删除行
<title>JS 动态添加删除行 姓名 年龄 <!-- 动态添加的数据行将放在这里 --> ()">添加行 ()">删除选中行 function addRow() { var table = document.getElementById('myTable'); var ...
总结起来,通过结合HTML、CSS和jQuery,我们可以实现一个具有动态添加和删除行功能的表格。这个功能对于任何需要用户编辑和管理数据的网页应用都非常实用。在实际开发中,可以进一步优化和扩展这个功能,使其更加...
在开发Web应用时,动态添加和删除表格行是常见的需求,尤其在数据管理或表单填写场景中。本文将深入探讨如何使用C#后端和JavaScript前端技术来实现这一功能,为初学者提供一个基础的实践指导。 首先,我们要了解...
然后,我们可以用JavaScript监听按钮的点击事件,执行添加或删除行的操作: ```javascript document.getElementById('addRow').addEventListener('click', function() { var table = document.getElementById('...
### JS动态添加删除行知识点详解 #### 一、概述 在网页开发中,经常会遇到需要动态操作表格元素的情况,比如动态地添加或删除表格行。本文将基于给定的脚本代码来详细介绍如何使用JavaScript(简称JS)实现动态...
在JavaScript编程中,实现...通过以上步骤,我们可以实现一个功能完备的表格动态添加删除行的JS特效,同时确保序号的自动更新和Tab切换效果。这样的功能在许多Web应用中都有广泛的应用,比如数据录入、配置管理等场景。
支持动态删除一行。 先演示结果,如中意了在好好研究代码。 1、原始界面如下: 2、添加一行,如要添加一行需点击“添加”按钮,现点击两下会自动添加两行,效果如下截图: 3、删除一行,如要删除指定行,先要选中...
用Jquery 添加删除行, 并进行计算 品名 数量 单价 金额(计算得出) 添加(按钮) 品名 数量 单价 金额(计算得出) 删除(按钮) .... --- 总计:
在JavaScript中,动态添加行和删除行是网页交互中常见的需求,特别是在表格或者列表展示数据时。这通常涉及到DOM操作,包括元素的创建、插入和移除。以下是一些关于这个主题的重要知识点: 1. DOM操作: - `...
本文将深入探讨如何利用jQuery实现动态添加和删除指定行的功能。 首先,我们来看动态添加行的操作。这个过程通常包括获取表格引用、计算新行的索引、克隆已有行并将其插入到表格中。在提供的代码中,`add()`函数...
- 使用`on()`方法来绑定事件,而不是直接使用`click()`,因为这样可以确保即使动态添加的元素也能响应事件。 - 考虑到性能,避免在循环中使用`append()`或`remove()`,因为它们会触发DOM的重新渲染。如果需要大量...
在这个场景中,我们将深入探讨如何使用TableLayout动态添加和删除行,以及如何实现数据的统计。 1. **动态添加和删除行** 在TableLayout中,每一行是由TableRow对象构成的。要动态添加行,首先需要创建一个新的...
这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具",我们可以推测这篇文章会包含实际的代码示例和实用方法。 在HTML中,`<table>`元素用于创建...
本示例“jquery表格动态添加删除行特效代码”是利用jQuery来实现的一个功能,允许用户在表格中动态地添加和删除行,极大地提高了交互性和用户体验。下面将详细介绍这个功能的实现原理和相关知识点。 首先,我们需要...
本例子展示了如何使用 JavaScript 实现动态添加删除 HTML 元素,包括获取元素对象、添加新行、删除行等操作。通过这篇文章,我们可以更好地理解 JavaScript 和 HTML 之间的交互,并掌握动态添加删除 HTML 元素的技术...