Javascript 动态删除元素_Javascript_Html_Web Applications

Javascript 动态删除元素

javascript html web-applications

Javascript 动态删除元素,javascript,html,web-applications,Javascript,Html,Web Applications,我有JavaScript代码，它允许我动态添加更多的输入值字段现在我想添加允许我删除字段或元素的功能 <html> <head> <script language="javascript"> fields = 0; function addInput() { var con = document.getElementById('text');

我有JavaScript代码，它允许我动态添加更多的输入值字段

现在我想添加允许我删除字段或元素的功能

    <html>
    <head>
        <script language="javascript">
            fields = 0;
            function addInput() {
                var con = document.getElementById('text');
                if(fields != 10)
                {
                    con.insertAdjacentHTML('beforeend', "<br></br>Study: <input type=\"text\" name=\"study[]\">Bug: <input type=\"text\" name=\"bug[]\"> BuildFile: <input type=\"text\" name=\"bname[]\" size=\"40\"> WAR File: <input type=\"text\" name=\"wname[]\" size=\"50\"><br />");

                    fields += 1;
                }
                else
                {
                    con.insertAdjacentHTML('beforeend', "<br />Only 10 instances allowed.");
                    document.form.add.disabled=true;
                }
            }
        </script>
    </head>
    <body>
    ...
...
<input type="button" onclick="addInput()" name="add" value="Add more Builds" />


字段=0；
函数addInput（）{
var con=document.getElementById（'text'）；
如果（字段！=10）
{
con.insertAdjacentHTML（'beforeend'，“

研究：Bug:BuildFile:WAR文件：
”；
字段+=1；
}
其他的
{
con.insertAdjacentHTML（'beforeend'，“
只允许10个实例。”）；
document.form.add.disabled=true；
}
}
...
...

编辑：

我已经尝试了以下，它的工作，但它删除了所有元素，我想删除的最后一个或特定的一个

function remove() {
  element = document.getElementById('text');
  element.parentNode.removeChild(element)

}

<input type="button" value="Remove Element" onClick="remove('parent','child');">

函数删除（）{
元素=document.getElementById（'text'）；
element.parentNode.removeChild（元素）
}

我建议您使用库来执行此操作

function deleteAllInputs() {
    $('#text').find('input[type="text"]').each(function() {
        $(this).remove();
    })
}

看看这个例子，它可能会帮助您：

您可以将元素包装到一个div中，一次删除它们。

请提出一个问题，并向我们展示您在

deleteInput（）

trunt.element=document.getElementById（'text'）方面的尝试；元素.parentNode.removeChild（元素）@caleb.breckon-我不是javascript专家，所以如果你能对你的syntaxI有点了解，那就好了question@Satishid为“text”的元素是什么？我在你的代码中没有看到它。此外，为什么不使用相关的HTML和javascript创建一个脚本，以便我们可以看到您正在尝试执行的操作。我已经尝试了您的代码，但该代码不起作用：（但是为什么要使用delete all？我想删除特定的输入字段，如何操作？您需要在标题中包含jQuery，它才能工作。您的问题没有提到这一点。请检查我是否编辑了我的问题。）