從動態表單生成創建JSON

Question

我正在創建一個動態表單。 具有拖放功能。 管理員完成表單創建后，我必須將表單詳細信息保存在Db中。

表格生成的小提琴鏈接

我不知道從哪里開始或如何遍歷表單以json格式保存。

我是這樣保存Json格式的

var formDetails = [

        {
            "type":"textbox",
            "label":"Please enter your name",
            "id":"txt-1465133974748"
        },
        {
            "type":"select",
            "label":"Please Select Option",
            "id":"select-1865133974748",
            "fieldOptionDetails":[
            {
                "fieldLabel":"Option 1",
                "fieldValue":"1"
            },
            {
                "fieldLabel":"Option 2",
                "fieldValue":"2"
            }]
        }];

Answer 1

$('#btnSaveForm').on('click',function(){
var formdetail = [];
$("ul#form-Container li").each(function(){
    var input = {};// crate an object
    // access each form li elements and add the attributes to input object
    input.type = "textbox / select";  // depending on your form field type
    input.label = "form field label"; // similarly add other fields also
   formdetail.push(input) ; // add object to formdetail array
 });
JSON.stringify(formdetail); // use josn.stringify(array)
});