在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不同。