`
wm_java
  • 浏览: 4670 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

js添加行

 
阅读更多
	function addRow(obj) {

		var a = obj.parentNode.parentNode.id;
		var signFrame = findObj("mainTable", document);
		var r = jQuery(".tbody").children().length;
		var newTR = signFrame.insertRow(signFrame.rows.length);
		var cols = $("#mainTable tr:first-child")[0].cells.length;
		for ( var i = 0; i < cols; i++) {
			//最后一行为操作
			if (i == cols - 1) {
                            //记录class=title中th值
                              var defaultValue = jQuery('.title').find('th')[i].defaultValue;
				var td = document
						.createElement("<td name='nullData' align='center' style='width: 8%; height: 20px'>");
				td.innerHTML = "<a href='#' onclick='addRow(this);' class='Linkblue'>添加</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' onclick='deleteRow(this);' class='Linkblue'>删除</a>";
				newTR.appendChild(td);
                                //新添加的行加defaultValue 值 
                                 td.appendChild(document.createTextNode(defaultValue));}
//第一行序号
else if(i == 0){
				var td=document
				.createElement("<td align='center'>");
				td.innerHTML=parseInt(r,10)+1;
				 newTR.appendChild(td);
}
 

 

function addRow() {
	//另一种方法	
var cols = jQuery("#mainTable tr:first-child")[0].cells.length;
		var tr = "<tr>";
		var td = "";
              //序号
		var r = jQuery(".tbody").children().length;
		if (r > 0) {
			r = jQuery(".tbody tr:last-child").find("td:nth-child(2)")[0].innerHTML;
		}
		for ( var i = 0; i < cols; i++) {
			if (i == 0) {
				td = td
						+ '<td align="center"><a href="javascript:void(0);" class="Linkblue" onclick="addRow();">添加</a>&nbsp;&nbsp;<a href="javascript:void(0);" class="Linkblue" onclick="$(this).parent().parent().remove();">删除</a></td>';
			} else if (i == 1) {
				td = td + "<td align='center'>" + (parseInt(r, 10) + 1)
						+ "</td>";
			} else if (i > 2) {
				var txt = "";
				var inp = jQuery("#column_exe td:eq(" + (i - 3) + ")").find(
						"input[type=hidden]");
				for ( var j = 0; j < inp.length; j++) {
					if (j == 0) {
						//txt = "\""+inp[j].value+"\"";
						txt = inp[j].value;
					} else {
						//txt = txt +","+"\""+inp[j].value+"\"";
						txt = txt + "," + inp[j].value;
					}
				}
				td = td + "<td ondblclick='javascript:editTD(this)'>" + txt
						+ "</td>";
			} else {
				td = td + "<td name='rowMemoData' ondblclick='javascript:editTD(this)'></td>";
			}
		}
		tr = tr + td + "</tr>"
		jQuery(".tbody").append(tr);
	}

 

分享到:
评论

相关推荐

    js 添加行代码添加行代码

    添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码

    table JS 添加行和删除行

    在网页开发中,JavaScript(JS)是一种不可或缺的脚本语言,尤其在处理用户交互时,如动态修改HTML元素。在本话题中,我们将深入探讨如何使用JavaScript来添加和删除HTML表格(table)中的行。这对于构建数据展示...

    js 添加行,js 添加列

    js 添加行,js 添加列,其他有好多骗人的,我这个是真的,希望用得上的朋友有所帮助,嘿嘿

    js动态添加行和删除行

    在JavaScript中,动态添加行和删除行是网页交互中常见的需求,特别是在表格或者列表展示数据时。这通常涉及到DOM操作,包括元素的创建、插入和移除。以下是一些关于这个主题的重要知识点: 1. DOM操作: - `...

    JS 添加行,拷贝行,删除行

    例如,添加行的按钮可以这样写: ```html ()"&gt;添加行 ``` 同时,为了确保用户体验,我们需要处理错误情况,比如在没有表格或者目标行不存在时进行适当反馈。 此外,对于大型数据集,可能需要使用如jQuery或更现代...

    table 使用js 高效 动态添加行

    在网页开发中,表格(Table)是展示数据的常用元素,而JavaScript(js)则提供了强大的功能来操作DOM(文档对象模型),包括动态地向表格中添加行。本篇文章将详细探讨如何使用JavaScript高效地实现表格动态添加行,...

    js实现添加删除一行。每一行下面可以再添加一行。序号自动改变

    在JavaScript编程中,实现动态添加和删除表格行是一项常见的需求,尤其在构建数据表或配置界面时。这个功能包括在表格中添加新行、删除现有行,并确保在操作过程中序号自动生成和更新。以下是对这个"js实现添加删除...

    js动态添加行

    以下是关于"js动态添加行"的详细解释: 1. **理解DOM**: DOM是HTML或XML文档的结构化表示,它将网页内容转化为一个树状结构,使得我们可以用编程方式访问和修改页面元素。在JavaScript中,`document`对象提供了与...

    jstable添加行删除行复制行

    在`jstable添加行删除行复制行.html`这个示例文件中,可以看到这些概念是如何具体实现的。通过阅读和理解代码,你可以更深入地学习如何利用JavaScript实现表格的动态管理。同时,也可以结合CSS和jQuery等库来增强...

    JS删除或者添加一行的代码

    标题解释:JS 删除或者添加一行的代码,可以直接测试。 描述解释:该代码提供了 JavaScript 实现动态添加或删除表格行的功能,可以直接测试和应用。 标签解释:删除添加一行,指的是在网页中通过 JavaScript 动态...

    table动态添加行并编辑

    JavaScript(js)作为客户端脚本语言,使得我们能够实现表格的动态交互功能,如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中,`&lt;table&gt;`元素用于创建表格,但...

    用js实现的动态添加一行

    在JavaScript的世界里,动态添加行是一项常见的操作,尤其在处理表格数据或构建可交互的用户界面时。这个“用js实现的动态添加一行”的实践项目是针对AJAX和JavaScript技术的一个基础练习,它旨在帮助开发者掌握如何...

    JS 添加删除行

    本文将基于给定的脚本代码来详细介绍如何使用JavaScript(简称JS)实现动态添加、删除行以及对齐剩下的元素下标等功能。 #### 二、关键函数解析 ##### 1. `get_Element` 函数 该函数用于获取指定标签名的DOM元素...

    动态添加行动态添加行

    动态添加行指的是在用户执行特定操作(如点击按钮)时,通过JavaScript在页面上的表格或列表中插入新的行。这种功能在数据输入、展示可变数量的信息或者允许用户自定义内容的场景中非常实用。 首先,理解基本的HTML...

    js动态添加table行

    本文代码主要实现了javascript如何操作table并动态添加行的方法

    利用javascript动态添加行(原创)

    在JavaScript编程中,动态添加行是一项常见的任务,特别是在构建数据驱动的Web应用或者处理表格数据时。这个技术允许用户在运行时向HTML表格或其他结构化元素中插入新的内容,提高用户体验,无需页面刷新。以下是对...

    一个动态添加table行的js例子

    // 添加行的逻辑 }); var deleteButton = document.getElementById('deleteButton'); deleteButton.addEventListener('click', function() { // 删除行的逻辑 }); ``` 7. **用户交互**:为了实现良好的...

    javascript动态添加表格数据行

    在这个例子中,我们将探讨如何利用JavaScript在HTML表格中实现动态添加行,并将数据提交到服务器进行存储。 首先,我们需要创建一个基本的HTML结构,包括一个表单和一个表格。表格中包含预定义的列,如项目名称、...

    js添加删除行功能实现

    在JavaScript中实现添加删除行的功能是一项常见的任务,尤其在网页表格或者数据管理界面中。这里我们将探讨四种不同的方法来实现这一功能,每种方法都有其适用场景和优缺点。 **方法一:DOM操作** 最基础的方法是...

    用js实现动态添加行add.js

    通过js实现动态添加行,前台实现代码在我的博客中,这是add.js的源码

Global site tag (gtag.js) - Google Analytics