如何使用动态添加的jQuery从文本框中删除元素

How to remove elements from a text box using jQuery that is added dynamically

本文关键字:文本 删除 元素 jQuery 何使用 动态 添加      更新时间:2023-09-26

我有三个文本框,其中包含动态生成的值。我能够做的元素添加到正常工作的文本框。我也有一个函数是删除生成的文本框,但我的问题是,我不能删除的元素,这是以前添加到文本框时删除。

JSFIDDLE

   $("#btnGet").bind("click", function () {
    var valuesarr = new Array();
    var phonearr = new Array();
    var phonearr1 = new Array();
    $("input[name=DynamicTextBox]").each(function () {
        valuesarr.push($(this).val());
        $('#DynamicTextBox').val(valuesarr);
    });
    $("input[name=phoneNum]").each(function () {
        phonearr.push($(this).val());
        $('#phoneNum').val(phonearr);
    });
    $("input[name=phoneNum1]").each(function () {
        phonearr1.push($(this).val());
        $('#phoneNum1').val(phonearr1);
    });
    alert(valuesarr);
    alert(phonearr);
    alert(phonearr1);
});
$("body").on("click", ".remove", function () {
        $(this).closest("div").remove();
        UpdateData();
    });

删除后应再次更新