在jquery中删除动态表单字段时出现问题

Question

我正在尝试通过单击按钮来删除动态表单字段。 它也会从我的计算中减去总额中的任何值。 这是代码：

function removeFormField(id) {
    var id = $(id).attr("name");
    $('#target1').text($("#total" + id).map(function() {
        var currentValue = parseFloat(document.getElementById("currentTotal").value);
        var newValue = parseFloat($("#total" + id).text());
        var newTotal = currentValue - newValue;
        document.getElementById("currentTotal").value = newTotal;
        return newTotal;
        }).get().join());
    $(id).remove();
}

好的，它将毫无问题地执行代码的减法部分，此问题在于删除字段的最后一行。 如果我注释掉其余的代码，它将起作用，但不能与其余的代码一起工作。 我知道这很简单，但我似乎无法全神贯注。 有人可以帮忙吗？

Answer 1

您正在将id设置为等于表单元素的名称，并具有：

var id = $(id).attr("name");

然后尝试通过以下方式获取它： $(id) 。 尝试更改最后一行以实际使用您要删除的元素的ID-请记住它前面的“＃”。 如果没有看到将什么作为id参数传递给removeFormField() ，我不能确定需要更改什么。

要记住的重要一点是表单name属性与元素ID不同。