无法在动态创建的表单元格中单击按钮
在动态创建的表单元格中无法直接单击按钮的原因是，动态创建的表单元格在页面加载时并不存在，因此无法直接绑定事件。解决这个问题的方法是使用事件委托（Event Delegation）。
事件委托是将事件绑定到父元素上，利用事件冒泡的机制，当事件触发时，通过判断事件源（target）是否是目标元素（按钮），来执行相应的操作。
以下是一个示例代码，演示如何在动态创建的表单元格中单击按钮：
<!DOCTYPE html>
<html>
<head>
<title>动态创建表单元格</title>
</head>
<body>
<table id="myTable">
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
</table>
<script>
// 获取表格元素
var table = document.getElementById('myTable');
// 绑定点击事件到父元素上
table.addEventListener('click', function(event) {
// 判断事件源是否是按钮
if (event.target.tagName === 'BUTTON') {
// 执行按钮点击后的操作
console.log('按钮被点击了');
}
});
// 动态创建表单元格
var newRow = document.createElement('tr');
var cell1 = document.createElement('td');
var cell2 = document.createElement('td');
var cell3 = document.createElement('td');
var button = document.createElement('button');
button.textContent = '点击按钮';
cell1.textContent = '动态单元格1';
cell2.textContent = '动态单元格2';
cell3.appendChild(button);
newRow.appendChild(cell1);
newRow.appendChild(cell2);
newRow.appendChild(cell3);
table.appendChild(newRow);
</script>
</body>
</html>在上述代码中，我们首先通过addEventListener方法将点击事件绑定到表格元素上。然后，通过判断事件源的标签名是否为BUTTON，来确定是否是按钮被点击。最后，我们在动态创建的表单元格中添加了一个按钮，并将其添加到相应的单元格中。
这样，无论是静态创建的表单元格还是动态创建的表单元格，都可以通过事件委托的方式来处理按钮的点击事件。
相关·内容
1回答
我是iOS编程新手，我实现了UITableviewController，下面是我的控制器的设计， UIView----这里我的问题是，当我扩展(5)表视图高度，底部按钮不工作，我不知道如何解决这个问题{ // [ProgressHUDtableView heightForRowAtIndexPath:(NSI
浏览 5提问于2018-01-08得票数 0
回答已采纳
我有一个带有ASP表的.aspx网站。在代码背后的文件中，我用行和单元格填充表格，单元格中是ASP TextBoxes。
在第一次加载时，我用数据库中的值填充TextBoxes。但是，在某人编辑该值并使用创建的按钮提交页面后，将无法访问以编程方式创建的表<e
浏览 4提问于2013-06-07得票数 2
回答已采纳
我有一个手柄表，它是动态的，意味着数据可以在启动后添加。但是，问题是，当单击单元格的角时，可以将新行添加到表中。如何防止用户展开表，同时确保仍然可以添加新行(例如，如果要与按钮交互)。afterCreateRow: function(index, amount){ data.splice(index, amount) },
但这
浏览 5提问于2016-08-02得票数 5
2回答
在UITableView中，我面临着关于动态单元的问题。我希望在用户单击表视图中的按钮时创建动态行。在mytableview中有两行，如下所示：
当用户单击“添加”按钮时，我必须在汽车单元格下面再显示两行，就像用户在自行车前面单击“添加”按钮一样，然后我必
浏览 3提问于2015-08-22得票数 0
回答已采纳
2回答
我在我的webform中添加了一个asp.net表。使用foreach语句在表中动态添加表行和单元格。每一行的最后一个单元格都有一个按钮。与按钮一起，我创建了一个单击事件。当我单击按钮时，我想将页面发送到"Default.aspx“表单。
但当我运行应用程序时，<e
浏览 0提问于2018-06-03得票数 0
回答已采纳
fun1(x.textContent));function fun1(y){}
我试图向动态创建的表中的每个单元格添加一个单击函数(我无法知道表中有多少个单元格，也不知道它们的id是什么，但我只需要包含在单元格中
浏览 2提问于2016-02-02得票数 3
回答已采纳
我对jQuery非常陌生，在访问动态内容的元素时遇到了困难。如下面所示，我已经创建了一个包含在div中的基本表，当您运行代码时，该表已经存在。单击任何单元格时，警报提示将显示该单元格的文本。但是，如果在页面加载后创建表(单击按钮)，然后单击单元格，则无法获得
浏览 2提问于2015-05-01得票数 2
回答已采纳
2回答
目前，可以单击Google Sheet中的单元格并“获取链接”，但是，当该单元格的“链接”插入到Google Doc时，它会超链接到Google Docs应用程序，而不会显示单元格值。如何在Google中呈现Google Sheet Cell的值？📷
编辑:为了澄清，假设我在Google表的单元格中有我最喜欢的数字，我希望在</em
浏览 0提问于2022-03-28得票数 1
我动态地创建了一个html表格，每行中的一个单元格存储了一个按钮，当按下该按钮时，我想删除该行。要知道要从按下的delete按钮中删除哪些表行，我有哪些选择？
我能以某种方式得到按钮所在的行吗？也许在单击内部，我可以使用事件'this‘属性来获取按钮，然后找出它在哪个单元格中
浏览 2提问于2012-11-29得票数 0
回答已采纳
我正在使用ASP.NET/C#创建一个动态表控件，该表用于保存窗体。我需要允许用户单击一行中的一个按钮，并复制该行的正下方。我的页面还使用AJAX和jQuery。我在想，如果我无法解决这些问题，我将不得不循环遍历该表，并将数据提交到临时表，在指定的位置添加一个新行。然后我会把所有的数据拿回来，然后再显示一次。编辑
当我
浏览 3提问于2009-10-23得票数 0
回答已采纳
我有一个用动态数据创建的HTML表，无法预测其中的行数。我想要做的是在单击行时获取单元格的值。我知道要使用td onclick，但我不知道如何访问Javascript函数中的单元格值。单元格的值实际上是记录的索引，它隐藏在表中。在找到记录键
浏览 3提问于2012-04-08得票数 12
6回答
我正在创建一个动态表，其中每一行都有一组单选按钮放置在不同的列中。我想要在单选按钮被单击时更改单元格的背景颜色。我正在使用下面的代码片段构造表格。如何在javascript中识别单选按钮，以便我可以将单元格设置为合适的背景色。
浏览 5提问于2010-02-16得票数 4
在我的应用程序中，我有一个ParentViewController，其中包含几个元素。其中一个元素是UITableView。
我用我在故事板中设计的动态原型单元来设计表格的单元格。现在，我在原型单元格中添加了一个UIButton，创建了另一个UIViewController (我们称之为ChildViewController)，并将故事板中<em
浏览 1提问于2012-06-18得票数 3
回答已采纳
我有一个Excel工作表，其中包含订单的零件编号。我想查询部件的SQL表，以查看每个部分是否已经存在，如果不存在，则在单元格中显示"New“。我已经这样做了，从sql导入part_number列到excel，然后在VLOOKUP上使用IFERROR显示消息。随着工作表越来越大，并且更多的工作人员在VPN上远程工作，刷新part_number下载所需的时间正在成为一个问题。是否有一种方法可以
浏览 0提问于2019-02-13得票数 0
我有CustomCellView，这是表视图中单元格的自定义视图。我在xib中有UIButton，并在xib中设置了它的默认框架。在MainViewController (viewDidLoad)中UINib *nib = [UINib nibWithNibName:@"CustomFeedCell" bundle:nil];
[self.mainTable
浏览 0提问于2013-04-29得票数 0
我正在创建一个动态表格，当我点击“添加”按钮时，一行将添加动态创建的四个单元格，第一个单元格包含动态创建的复选框，其余的单元格包含动态创建的文本框。分配的id是 TableRow row = new TableRow();
浏览 1提问于2012-01-15得票数 0
2回答
我有一个包含来自SQL数据库的数据的表，该表只有几行和几列。在显示包含数据的表之前，用户必须首先提供凭据，所以我动态创建表(及其内容)。在表格的每一行中，我添加了一个带有"remove"-button的单元格：
// more code to create the table abo
浏览 2提问于2012-03-21得票数 2
回答已采纳
这是一个困扰了我几天的问题，也是我一直在努力解决的问题。不幸的是，我对这方面的工作非常陌生，并且没有太多的资源来尝试解决这个问题，所以如果我不清楚或者你有什么问题，请发表评论。我试图解决的问题是：
从SQL Server获取外部数据并在电子表格中有一个表之后，假设称为Products，它具有productid (A列)、productname (B列)、supplierid有没有一种方法可以定义一个单元格，比如E1，你可以用它来创建一
浏览 1提问于2013-07-01得票数 0
回答已采纳
2回答
我正在创建动态表格，它有超过20行和列的数量可以根据用户的输入而改变。第一列是头部，其他列需要使用从web服务返回的数据进行绑定。并且可以编辑的行很少。当用户单击submit按钮时，需要验证更改的单元格并处理数据。我已经创建了ASP.net表，并逐个添加行和单元格。但这不是可重用的方式，有没有其他方法可以创建以左列作为标题<em
浏览 2提问于2011-02-07得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
