使用JQuery將動態生成的輸入字段添加到JSON對象中

用戶可以創建任意數量的輸入字段，並在保存時將值另存爲JSON併發送到服務器。使用JQuery將動態生成的輸入字段添加到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中？

來源

2014-08-31 user94628

您是否在尋找這個http://jsfiddle.net/9Lhpo8pL/19/？ – 2014-08-31 11:46:26

@Rahil是的多數民衆贊成在我提出 – user94628 2014-08-31 11:49:18

不，我的意思是我提供了你在該小提琴的解決方案。它不完美，但你會得到一個想法 – 2014-08-31 11:50:12

請參閱更新的小提琴http://jsfiddle.net/9Lhpo8pL/21/ 有幾件事情：

的data屬性應該是這樣 $(this).data('name')代替$(this).emailData('name')
「發送」處理的是一個ID，不是一類
正文區域有#output id，不是#result

來源

2014-08-31 11:49:44

感謝您糾正這些 – user94628 2014-08-31 11:52:27

使用JQuery將動態生成的輸入字段添加到JSON對象中

回答

相關問題