将动态创建的文本框的值转换为 JSON 数据

Question

我正在尝试创建一个允许用户添加文本框并将文本框中的数据提交到 JSON 文件的应用程序。我曾尝试使用 Ajax，但不确定它如何与动态创建的对象一起使用。任何语言的任何帮助将不胜感激。

这里是创建文本框的代码：

    $(document).ready(function(){
                 var counter = 2;
                 $("#addButton").click(function () {
                if(counter>1000000){
                        alert("Exceeded Text Box Limit");
                        return false;
                }   
                var newTextBoxDiv = $(document.createElement('div'))
                     .attr("id", 'TextBoxDiv' + counter);
                newTextBoxDiv.after().html(
                      '<input type="text" class="title" name="title[]' + counter + 
                      '" id="title' + counter + '" value="" >');

 );   
                newTextBoxDiv.appendTo("#Spacer");
                counter++;
 });

另外，如果用户删除了一个文本框，是否可以删除这些数据？提前致谢。

Answer 1

这可能会让你开始

一旦您创建了文本框，您必须使用

将点击事件处理程序附加到创建的文本框

$( "container" ).on( "click", "#Yourcontrol", function() {
 var TextBoxVal = $(this).val();
//write logic to send Data 
});

您可以使用 form.serilize()Serilize() 方法将数据序列化并将其发送到服务器端。

.serialize() 方法以标准 URL 编码创建文本字符串 符号。它可以作用于已选择个人的 jQuery 对象 表单控件，例如 、 和 : $( "input, textarea, select" ).serialize();