javascript - 使用 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

查看更新的 fiddle http://jsfiddle.net/9Lhpo8pL/21/ 有几件事:

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