使用 Javascript 添加文本框后动态删除文本框

Dynamically remove a textbox after adding one using Javascript

本文关键字:文本 动态 删除 Javascript 使用 添加      更新时间:2023-09-26

我使用这里的脚本:http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/

我想知道在他们单击"添加文本框"后,我将如何删除文本框,我需要删除某些文本框的选项。

谢谢

抱歉答案不完整,但我通常只使用JQuery而不是纯JavaScript。我制作了一个 JsFiddle,它增加了删除点击。您只需要了解如何删除上述同级(添加的文本框)。

这是我添加的代码。

var foo = document.getElementById("fooBar");
var btn = document.createElement("a");
btn.href = '#';
btn.onclick = function () {
//remove button and click here
};
var t = document.createTextNode("Remove");
btn.appendChild(t);    
//Append the element in page (in span)
foo.appendChild(element);
foo.appendChild(btn)