将动态创建的texboxes的值转换为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 
}); 

创建文本框u必须单击事件处理程序附加到创建的文本框，你可以使用form.serilize序列化数据（ ）Serilize()方法并将其发送到服务器端。

.serialize（）方法以标准URL编码的 表示法创建一个文本字符串。它可以作用于一个jQuery对象，该对象已经选择了个别的 表单控件，例如，和：$（“input， textarea，select”）.serialize（）;