javascript - 从动态表单生成创建 JSON

Question

我正在创建一个动态表单。其中具有拖放功能。当管理员完成表单创建后，我必须将表单详细信息保存在数据库中。

<强> Fiddle link 用于表单生成

不知道从哪里开始，也不知道如何遍历表单以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)
});