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

Question

用户可以创建任意数量的输入字段，并在保存时将值保存为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中？

Answer 1

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

1. data属性应该像这样解决 $(this).data('name')代替$(this).emailData('name')
2. ＆＃39;发送＆＃39;是一个ID，而不是一个类
3. 文字区域有#output个ID，而不是#result