<!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" />
<title>无标题文档</title>
</head>
<script language="javascript">
var g = 1;
function goto_sumbit() {
var names = "";
var table = document.getElementById("dytbody");
var tags = table.getElementsByTagName("input");
for(var i = 0; i < tags.length; i++) {
if(tags.item(i).type == "text") {
names += tags.item(i).name + ",";
}
}
alert(names);
}
function newInput() {
//var table = document.getElementById("dytable");
var tbody = document.getElementById("dytbody");
var tr = document.createElement('tr');
var td1 = document.createElement('td');
var td2 = document.createElement('td');
var td3 = document.createElement('td');
td1.align = "center";
td1.innerHTML = "名称" + g + "：";
td2.innerHTML = "<input type='text' name='name" + g + "' id='name" + g + "' />";
td3.innerHTML = "<input type='button' value=' 删 除 ' onclick='deleted(this)'/>";
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tbody.appendChild(tr);
//table.appendChild(tbody);
g++;
}
function deleted(link) {
var tbody = document.getElementById("dytbody");
tbody.removeChild(link.parentElement.parentElement);
}
</script>
<body>
<input type="button" value=" 添 加 " onclick="newInput()"/>
<table id="dytable">
<tbody id="dytbody">
</tbody>
</table>
<input type="button" value=" 提 交 " onclick="goto_sumbit()" /><input type="reset" value=" 重 置 " />
</body>
</html>
分享到：
相关推荐
代码应该复制到页面上就可以直接使用，如果有什么问题请留言，
动态Table添加动态控件通常应用于数据输入、展示和管理的场景，例如表单填写、数据编辑等。在这个例子中，我们将讨论如何在ASP.NET环境中实现这一功能。 首先，我们看到HTML部分包含一个`asp:Table`控件，ID为...
总结起来，"dwr城市选择的联动，util.js方法的使用，动态table"涉及的技术主要包括DWR框架、JavaScript DOM操作以及服务器端与客户端的数据交互。这些技术的综合运用，可以创建出高效、实时的Web应用，满足用户对...
原ui库为ivew库，需求加载动态table表头以及动态过滤不同数据，时间类为引入时间插件非单纯数据，其余为chebox类型，如不引入ivew,将里面组件替换成elment对应组件即可
本篇文章将深入探讨如何基于Vue和Element UI实现一个动态Table组件。 标题中的“基于vue element ui 的动态table组件”指的是利用Vue.js和Element UI库，设计一个可配置、可扩展的表格组件。这个组件能够根据不同的...
动态table添加或者删除一行使序号重新排序，placeholder、id和name同时重新排序
一个可以用浏览器打开的，动态改变table内容的小例子
在IT领域，尤其是在Web开发中，动态地显示Table列是一个常见的需求。这通常涉及到前端数据可视化，特别是当数据集变化或者用户需要自定义视图时。这篇博客文章“动态的显示table列”可能探讨了如何在JavaScript环境...
在Web开发中，动态地修改HTML表格（table）是经常遇到的需求。例如，在某些情况下，我们可能需要根据动态数据来调整表格的行数或列数。为了实现这一目的，我们通常需要操作表格中的单元格，也就是`<td>`和`<th>`元素...
在IT行业中，动态Table是一种非常重要的数据管理工具，特别是在数据库设计和前端开发中。超級NX的动态Table功能，允许用户实现对数据的增、删、改、查（CRUD）操作，这是一种高效且灵活的数据处理方式。接下来，我们...
对于"jquery实现table的动态排序"这个主题，我们将会深入探讨如何利用jQuery来实现表格数据的动态排序，以便用户可以按照不同列的值进行升序或降序排列，而无需重新加载页面。 首先，我们需要一个包含数据的HTML...
2. **数据源**：可以绑定到JSON数据或HTML表格，甚至可以从服务器动态加载数据，支持Ajax异步请求。 3. **列配置**：允许自定义列的显示，如设置列宽、隐藏列、排序和过滤条件等。 4. **操作列**：可以添加额外的...
实现自动添加table行，增删改查功能统一完成实现，统一提交
本篇文章将深入探讨如何使用jQuery来动态地给HTML表格（table）赋值，通过一个具体的实例来展示相关技巧。 首先，我们需要一个基本的HTML结构，包含一个具有特定类和ID的table元素。在这个例子中，我们有一个layui...
使用javascript实现table动态增加删除行列。
asp.net动态创建table并赋值dt.Columns.Add...
本主题主要关注如何在Bootstrap Table中动态加载JSON数据并实现分页功能。 首先，我们需要理解Bootstrap Table的基本结构。一个基本的Bootstrap Table可以通过以下HTML代码创建： ```html <table id="table" data-...
本实例将详细讲解如何使用jQuery的`append`和`appendto`方法来动态生成Table表格。 首先，让我们了解`append`和`appendto`这两个jQuery方法。`append`方法用于在匹配元素的末尾添加新的内容，而`appendto`则是相反...