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

这可能是你开始的

一旦创建了TextBox，就必须使用

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

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

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

.serialize（）方法以标准URL编码方式创建文本字符串符号。它可以作用于已选择个体的jQuery对象表单控件，例如,,和：$（“输入， textarea，选择“）.serialize（）;

转动动态创建的texbox＆＃39;将值转换为JSON数据

1 个答案: