如何从我的表格中检索用户在输入单元格中输入的数据，对于动态添加的每一行(逐行)？
从表格中检索用户在输入单元格中输入的数据，对于动态添加的每一行，可以通过以下步骤实现：
- 首先，为表格中的每个输入单元格添加一个事件监听器，以便在用户输入数据时触发相应的操作。
- 当用户输入数据时，事件监听器会被触发，可以通过获取输入单元格的值来获取用户输入的数据。
- 对于动态添加的每一行，可以使用DOM操作来添加事件监听器。当添加新行时，为新行中的输入单元格添加事件监听器。
- 在事件监听器中，可以使用JavaScript来处理用户输入的数据。可以将数据存储在一个数组或对象中，以便后续使用。
- 如果需要对输入的数据进行验证或处理，可以在事件监听器中添加相应的逻辑。例如，可以使用正则表达式验证输入的格式是否正确，或者对输入的数据进行计算或转换。
以下是一个示例代码，演示如何从表格中检索用户输入的数据：
<!DOCTYPE html>
<html>
<head>
<title>表格数据检索</title>
</head>
<body>
<table id="myTable">
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td><input type="text" class="name-input"></td>
<td><input type="text" class="age-input"></td>
</tr>
</table>
<script>
// 获取表格
var table = document.getElementById("myTable");
// 获取输入单元格
var nameInputs = table.getElementsByClassName("name-input");
var ageInputs = table.getElementsByClassName("age-input");
// 添加事件监听器
for (var i = 0; i < nameInputs.length; i++) {
nameInputs[i].addEventListener("input", handleInput);
}
for (var i = 0; i < ageInputs.length; i++) {
ageInputs[i].addEventListener("input", handleInput);
}
// 处理输入事件
function handleInput(event) {
var name = event.target.value;
var age = event.target.parentNode.parentNode.getElementsByClassName("age-input")[0].value;
// 在这里可以对输入的数据进行处理或验证
console.log("姓名：" + name);
console.log("年龄：" + age);
}
</script>
</body>
</html>在上述示例中，我们为每个输入单元格添加了一个事件监听器，并在事件监听器中获取了用户输入的数据。可以根据需要对输入的数据进行处理或验证。请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
我从angular开始，我不知道如何从我的表中恢复输入单元格的数据。知道每一行都是动态添加的。我应该在数组中使用双向数据绑定还是使用formGroup类？这是我的dashboard.component.html： <
浏览 8提问于2019-09-04得票数 0
回答已采纳
我使用XamGrid控制来自最终用户的数据输出。数据绑定正在运行 IsMouseActionEditingEnabled="SingleClick" IsOnCellActiveEditingEnabled那么活动单元格应该是xamgrid中第一行的第一个<
浏览 1提问于2013-05-21得票数 0
1回答
JSON行与文档类型的区别
、、、、
有人能帮我理解一下JSON Line和JSON Document Type的区别吗？有没有人能给我举个例子？我正在尝试构建一个JSON解析器。我试着用谷歌搜索这个问题，没有找到任何满意的答案。我在亚马逊S3精选文档中看到了这些术语的使用，但这对我来说没有任何意义。我在谷歌上找到的亚马逊网络服务文档的链接是：
浏览 0提问于2019-05-23得票数 0
我在一个宽度固定的div中有一个table。如何使div区域可滚动，以便随着table的增长，用户</em
浏览 2提问于2014-04-07得票数 0
2回答
我有一个视图，它包含了一个foreach循环从数据库中显示的数据，我想要的是从视图中获取被编辑的数据，然后在数据库中逐个更新它，但是问题是，如果有where子句，数据库将被更新，但是在我的例子中，我不知道如何从视图到控制器
浏览 5提问于2015-02-26得票数 1
回答已采纳
目前我非常新手的ASPMVC3和做最后一年的项目在它的基础上。敬请协助完成以下工作：
其目的是将用户以JSON格式在不同行中输入的数据发送到控制器，然后检索其中的值进行处理，并返回成功消息。数据可以说是用户在每一行中输入的
浏览 0提问于2011-12-17得票数 0
我正在使用Javascript动态创建一个大表。我已经意识到，随着行数的增加，添加新行所需的时间呈指数增长。我怀疑页面在每一行循环中都会刷新(我还在每个单元格上添加文本类型的输入元素)对怎么做或者绕开它有什么建议吗？<e
浏览 0提问于2008-11-24得票数 1
回答已采纳
2回答
我有一个输入字段和基于用户输入的过滤器，然后可以找到具有特定值的所有表格单元格。例如：" 50“将隐藏除表格单元格不等于50的那些行之外的每一行。= searchVal) { }问:如何将模式匹配或正则表达式添加到搜索中？例如
浏览 0提问于2014-01-14得票数 0
我有一个动态表格的屏幕包含输入文本字段和selectneMenu旁边有一个(+)按钮，当用户应该按下该按钮时，表单应该在它下面添加另一行，我想在控制台上打印用户将输入的数据，我想添加一个验证(+)按钮，用户不能添加新行，直到用户在前一行的所
浏览 0提问于2015-06-01得票数 0
2回答
我有一个表格视图，在表格的每一行中，我想要在最左边显示一个图像，中间是一些字符串，后面是一个数字，然后是一个字符串，后面跟着一个数字，n所有这些都应该是不同的字体和大小。现在我使用了自定义单元格，但这只是一行，如果用户想要输入数据，然后在表的下一行中
浏览 0提问于2011-09-26得票数 0
回答已采纳
我正在使用开发SSIS包。在我的excel文件中，下面是当前的值。我需要将相同的值插入DB表。但在DB中"%“不存在。相同的$符号也未插入DB我的SSI
浏览 14提问于2014-09-04得票数 0
我有一个简单的电子表格数据库，其中每一行的第二列包含一个超链接到一个pdf。每个超级链接对于每一行都是唯一的。我想添加一个命令按钮到一个用户表单，当点击时，允许用户浏览到正确的pdf，并将其作为超链接嵌入到电子表格数据库中的正确单元
浏览 0提问于2015-12-09得票数 0
1回答
读取Excel单元格式
、、、
我正在编写这个程序，它将读取excel文件中的数据并将其放入我们的数据库中。该程序是在Visual 2010中使用C#编写的，我使用的是NPOI库。在过去，我能够逐行读取电子表格和逐行读取单元格来获取数据，但是excel文件的新格式将不允许我</em
浏览 2提问于2014-01-20得票数 0
回答已采纳
如何根据startDate设置的inputBox填充Google电子表格中的范围？基本上，(1)用户输入startDate；(2)脚本从startDate开始将单元格A1填充到A13，并为每一行添加7天。以下是我想做的事：
var startDate = Browser.inputBox('What is the start date?
浏览 2提问于2013-10-01得票数 0
回答已采纳
下面是我的任务:逐行读取文件中的一些数据。对于每一行，如果它满足某些条件，那么请用户输入一些内容，并根据用户的输入继续进行。我知道如何从shell脚本中逐行读取内容： echo $line
done < f
浏览 2提问于2014-04-24得票数 3
回答已采纳
每当一个单元格的%更新为100%时，我都会尝试向新单元格添加一个日期，并在更新后保持该日期不变。当我<e
浏览 0提问于2017-11-28得票数 0
我正在尝试创建锚标签，它的onClick触发一个服务器端函数。但这是行不通的。我还想传递一些参数，这些参数的值取自db。"</td>"+我<
浏览 29提问于2016-08-29得票数 0
2回答
我正在用从用户输入中收集的数据填充Word模板。特别地，选择(可变)数量的文档，并且关于每个文档的信息填充表格的一行。我已经在模板中添加了几个项目的书签，并成功地在我的宏的标题中填充了信息，但表中的信息<
浏览 1提问于2012-05-22得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
