繁体   English   中英

添加一个按钮以删除其自身及其所连接的行

Adding a button that removes itself and the line it is attached to

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在javascript方面不是很先进。 我一直试图编写一个脚本,该脚本添加一行文本,以及一个删除自身和附加文本行的按钮。 尽管我没有问题地管理文本部分,但是按钮却有很多问题。 每当我尝试添加将元素删除的功能添加到按钮时,脚本都会继续工作,但是创建的元素永远不会出现(似乎按钮会立即删除自身和文本,这在单击之前就不会发生)。

 var numberId=0; function add(){ console.log("add"); var te = document.getElementById("textInput").value; var d=document.createElement("tekst"); var bu=document.createElement("button"); var t=document.createTextNode(te); d.appendChild(t); d.id="a"+numberId; document.getElementById("hereGoesResult").appendChild(d); d.appendChild(bu); function placeholderFunction(){ console.log("placeholder"); deletusTheTextus(d.id); } but.addEventListener("click",placeholderFunction()); numberId++; } function deletsTheText(a){ console.log("delets"); var elem = document.getElementById(a); elem.remove(); } 
  <!DOCTYPE html> <html> <head> <meta http-equiv = "Content-type" charset = "utf-8"> <title > Sample HTML5 File</title> <script src="scripts.js"> </script> </head> <body> <form> Enter: <input type="text" id="textInput"> <input type="button" value="Add" onclick="add()"><br> </form> <div id="hereGoesResult"> </div> </body> </html> 

抱歉,我是第一次出错(变量名很烂,因为我必须快速对其进行编辑,我平时的名字太傻了,无法发布在stackoverflow上)

1 个回复

尝试将其注册为事件处理程序时,请勿调用placeholderFunction 所以这:

but.addEventListener("click", placeholderFunction())

应该看起来像这样:

but.addEventListener("click", placeholderFunction);

接下来的事情是,您为按钮变量编写bu ,但是尝试将附加事件监听器附加到but 还要确保您在placeholderFunction内部调用deletsTheText ,而不是deletusTheTextus ;-)

3 删除和添加随表行移动的按钮

我需要与通讯录应用类似的功能。 添加新的联系人地址时,表格视图旁边会出现一个绿色的加号按钮。 该按钮上下移动,几乎锁定在该表视图单元格上。 但这是表视图的“外部”。 当您添加一个地址字段时,绿色的加号将替换为红色的删除按钮,该按钮将再次出现在表视图旁边的所有行中,并与表视图单元格一起 ...

4 如何使用按钮添加和删除行?

我非常需要帮助,我有一个要添加和删除带有按钮的行的表。 请为我提供指导,甚至帮助我编写Java脚本中的一段代码,我可以使用这些代码使用按钮来添加和删除行。 帮助将不胜感激。 ...

5 JQuery添加动态行和删除按钮

我有4个文本框字段,我想提供ADD的链接。 单击“添加”时,应显示现有行下方的4行以及删除按钮。 单击ADD时应重复此操作。 因此,当点击添加时,删除按钮应该从第二行开始显示。 如果我点击删除按钮,相应的行应该被删除 任何帮助表示赞赏 ...

2012-01-05 15:58:26 1 1854   jquery
6 在表格行的末尾添加编辑/删除按钮

我已经在索引视图中内联创建表中的行。当用户单击添加行按钮时,它会将新的可编辑行预先添加到表中。 该行的末尾有一个用于保存新行数据的按钮。当用户单击“保存”时,我将禁用文本框和复选框,并 删除“创建”按钮,我需要的是将“编辑”和“删除”按钮添加到此行,这是所有表行的默认设置,我该怎么做 ...

7 如何识别特定项目