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

Question

我有一个 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”将是一个下拉菜单。

Answer 1

您可能想查看jquery.dform插件完全可以满足您的需求。