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

时间:2010-05-25 19:33:42

标签: javascript jquery

我正在尝试通过点击按钮删除动态表单字段。它还将从我计算的总金额中减去它所具有的任何值。这是代码:

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();
}

好的,它会毫无问题地执行代码的减法部分,这个问题是删除字段的最后一行。如果我注释掉其余代码,它将起作用,但不会与其余代码一起使用。我知道这很简单,但我似乎无法理解它。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

您将id设置为等于表单元素的名称:

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

然后尝试使用:$(id)结尾。尝试更改最后一行以实际使用您要删除的元素的ID - 记住它之前的'#'。如果没有看到removeFormField()作为id参数传递的内容,我无法确定您需要更改的内容。

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