回发后,克隆的html行消失

时间:2018-04-24 15:26:55

标签: jquery html

请给出解决方案。 点击按钮我克隆html行与textbox.it成功克隆,但当我点击提交然后克隆行消失。我想保留它。下面是我的jquery代码

$(document).ready(function () {
        var count = 0; var acount = 0;
        $('#add-button').click(function (e) {
            e.preventDefault();
            count++;
            var template = $('.chiller-record').clone();
            template.attr('id', 'VI' + count);
            template.find('input[type=text]').val('');
            template.find('input[type=hidden]').val(count);
            $.each(template.find('input[type=text]'), function () {
                var name = $(this).attr('name');
                name = name.replace('0', count);
                $(this).attr('name', name);
                var id = $(this).attr('id');
                id = id.replace('0', count);
                $(this).attr('id', id);

            });
            template.removeClass('chiller-record').addClass('chiller-record1');
            $('.list-chiller-record').append(template);
            var col = document.createElement('td');
            $('.list-chiller-record tr:last').append(col);
            col.innerHTML = "<a class='btn btn-white btn-danger btn-bold removeLink' id='removeLink'><i class='ace-icon fa fa-trash-o'></i> Remove</a>";
        });
        })
    });

0 个答案:

没有答案