使用 JQuery 将动态生成的输入字段添加到 JSON 对象中答案

【问题标题】：Add dynamically generated input fields into a JSON object with JQuery使用 JQuery 将动态生成的输入字段添加到 JSON 对象中
【发布时间】：2014-10-24 20:09:44
【问题描述】：

用户可以创建任意数量的输入字段，并在保存时将值保存为 JSON 并发送到服务器。

我无法将这些用户生成的输入字段值添加到 JSON 格式中，并且我没有得到 JSON 的输出结果。

我这样做如下：

$(function () { 
$(document).on('click', '.send', function (e) {
    var dataGroup = [];
    $('.form-group').each(function () {
        var emailData = {};
        $(this).find(':input[data-name]').each(function () {
            emailData[$(this).emailData('name')] = this.value
        });
        dataGroup.push(emailData);
    });      

           $('#result').val(JSON.stringify(dataGroup))
 });
});

这是JSFiddle。如何将每个输入字段添加到 JSON 中？

【问题讨论】：

你在找这个jsfiddle.net/9Lhpo8pL/19 吗？
@Rahil 是的，这就是我提出的 jsfiddle
不，我的意思是我在那个小提琴中为您提供了解决方案。它并不完美，但你会得到一个想法

标签： javascript jquery json

【解决方案1】：

查看更新的小提琴http://jsfiddle.net/9Lhpo8pL/21/ 有几件事：

data 属性应该这样处理 $(this).data('name') 而不是 $(this).emailData('name')
'send' 是一个 ID，而不是一个类
文本区域有#output id，而不是#result

【讨论】：