-1

我有 JavaScript 代码，可以让我即时添加更多输入值字段。

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

    <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" />

编辑：

我尝试过关注并且它有效，但它删除了我只想删除最后一个或特定的所有元素。

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

}

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

1 回答 1

1

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

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

看看这个例子，它可能会对你有所帮助：http: //jsfiddle.net/Bu4Jh/。

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

于 2013-05-29T18:41:20.587 回答