javascript - 删除 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("名称");

然后尝试在最后使用:$(id) 来获取它。尝试更改最后一行以实际使用您要删除的元素的 ID - 请记住其前面的“#”。如果没有看到作为 id 参数传递到 removeFormField() 中的内容，我无法确定您需要更改什么。

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