使用javascript JSON对象动态创建表单

时间:2013-01-07 03:49:19

标签: javascript jquery json object

我有这个JSON对象,我试图根据其属性创建一个html表单。我将如何定位多个级别来创建各个字段,然后更深入地定位以获取有关该字段的详细信息。我也没有设置这种格式。

{
    "Controls": [{
        "Button":{
            "Name":{
                "ID":"Name",
                "FieldType":"Input"
            },
            "x":{
                "ID":"X",
                "FieldType":"Input"
            },
            "y":{
                "ID":"Y",
                "FieldType":"Input"
            },
            "width":{
                "ID":"Width",
                "FieldType":"Input"
            },
            "height":{
                "ID":"Height",
                "FieldType":"Input"
            },
            "Action":{
                "ID":"Action",
                "FieldType":"DropDown"
            }
        },

    }]
}

在上面的例子中,除了'Action'之外的所有字段都是输入,'Action将是Dropdown。

1 个答案:

答案 0 :(得分:5)

您可能希望查看完全符合您要求的jquery.dform插件。