Html 回发后如何维护动态生成的文本框

我正在我的aspx页面中生成动态html文本框。我添加了一个按钮来实现一些功能。现在，每当我点击我的按钮，它就会发回，所有动态生成的文本框都会从我的表单中删除，我必须再次添加它。但我想在回发后维护这些文本框。下面是我如何生成文本框的代码

<script type="text/javascript">
    var textid = null;
    var textid1 = null;
    $(document).ready(function () {

        setupAutoComplete(textid);
        setupAutoComplete1(textid1);
        var counter = 2;

        $("#addButton").click(function () {

            if (counter > 5) {
                alert("Limit Exceeds");
                return false;
            }

            var newTextBoxDiv = $(document.createElement('div'))
         .attr("id", 'TextBoxDiv' + counter);
            textid = "textbox" + counter;
            textid1 = "textbox" + counter+1;

            //            newTextBoxDiv.after().html('<label>Textbox #' + counter + ' : </label>' +
            //        '<input type="text" name="textbox' + counter +
            //        '" id="textbox' + counter + '" value=""  class="auto">');

            newTextBoxDiv.after().html('<div class="fields-left"><label> Leaving from</label><input type="text" name="textbox' + counter + '" id="textbox' + counter + '" class="auto"/>  </div><div class="fields-right"> <label> Going to</label>  <input type="text" name="textbox' + counter + '" id="textbox' + counter + 1 + '" class="auto"/> </div>');
            newTextBoxDiv.appendTo("#TextBoxesGroup");

            setupAutoComplete(textid);
            setupAutoComplete1(textid1);
            counter++;
        });

        $("#removeButton").click(function () {
            if (counter == 1) {
                alert("No more textbox to remove");
                return false;
            }

            counter--;

            $("#TextBoxDiv" + counter).remove();

        });


    });


     var setupAutoComplete= function SearchText2(textid) {
         $('.auto').autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "Home.aspx/GetAutoCompleteData",
                    data: "{'code':'" + document.getElementById(textid).value + "'}",
                    dataType: "json",
                    success: function (data) {
                                           response(data.d);

                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            }
        });
    }
    var setupAutoComplete1 = function SearchText3(textid1) {
        $('.auto').autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "Home.aspx/GetAutoCompleteData",
                    data: "{'code':'" + document.getElementById(textid1).value + "'}",
                    dataType: "json",
                    success: function (data) {
                        response(data.d);

                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            }
        });
    }

</script>

var textid=null；
var textid1=null；
$（文档）.ready（函数（）{
设置自动完成（textid）；
设置自动完成1（textid1）；
var计数器=2；
$（“#添加按钮”）。单击（函数（）{
如果（计数器>5）{
警报（“超出限额”）；
返回false；
}
var newTextBoxDiv=$（document.createElement（'div'））
.attr（“id”，“TextBoxDiv”+计数器）；
textid=“textbox”+计数器；
textid1=“textbox”+计数器+1；
//newTextBoxDiv.after（）.html（'Textbox#'+计数器+'：'+
//        '');
newTextBoxDiv.after（）.html（'Leaving from Going to'）；
newTextBoxDiv.appendTo（“#textboxsgroup”）；
设置自动完成（textid）；
设置自动完成1（textid1）；
计数器++；
});
$（“#移除按钮”）。单击（函数（）{
如果（计数器==1）{
警报（“不再需要删除文本框”）；
返回false；
}
计数器--；
$（“#TextBoxDiv”+计数器）.remove（）；
});
});
var setupAutoComplete=函数SearchText2（textid）{
$（'.auto'）.autocomplete({
来源：功能（请求、响应）{
$.ajax({
类型：“POST”，
contentType:“应用程序/json；字符集=utf-8”，
url:“Home.aspx/GetAutoCompleteData”，
数据：“{'code'：'”+document.getElementById（textid.value+“}”，
数据类型：“json”，
成功：功能（数据）{
答复（数据d）；
},
错误：函数（结果）{
警报（“错误”）；
}
});
}
});
}
var setupAutoComplete1=函数SearchText3（textid1）{
$（'.auto'）.autocomplete({
来源：功能（请求、响应）{
$.ajax({
类型：“POST”，
contentType:“应用程序/json；字符集=utf-8”，
url:“Home.aspx/GetAutoCompleteData”，
数据：“{'code'：'”+document.getElementById（textid1.value+“}”，
数据类型：“json”，
成功：功能（数据）{
答复（数据d）；
},
错误：函数（结果）{
警报（“错误”）；
}
});
}
});
}

在这段代码中，我最多生成10个文本框，每行两个，然后为每个动态生成的文本框编写json自动完成代码。现在的问题是，当我点击我的按钮后，它的回发和所有的文本框和它的值都消失了。我无法维护这些文本框。有谁能告诉我，我们如何在回邮后维护动态生成的文本框

---

谢谢

如果您在服务器上使用回发创建控件，您将有更好的机会。您能用一个例子解释一下吗@我没有冒犯你。以这种方式帮助您对stackoverflowers社区没有好处。很明显，你可以自己尝试：请尝试一下。如果你遇到问题，请在问题帖中提及，并保持亲密，这样我可以帮助你。