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

时间:2013-10-28 11:36:46

标签: javascript

我正在使用此处的脚本:http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/

我想知道如何在点击“添加文本框”后删除文本框我需要删除某些文本框的选项。

由于

1 个答案:

答案 0 :(得分:0)

我很抱歉答案不完整,但我通常只使用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)