Jquery：动态表单

Question

我需要一个动态表单，它将根据选择的输入值从输入列表（默认隐藏）构建。

我面临的唯一问题是显示/隐藏表单元素。我有以下代码：

            var form = $("#form");
            var type = $("select[name=type]").val();

            switch(type){
                case 'image':
                    form.html($("#title, #src"));
                    break;
                case 'video':
                    form.html($("#title, #url"));
                    break;
                case 'text':
                    form.html($("#title, #body"));
                    break;
                case 'generate':
                    form.html($("#title, #src));
                    break;
            }

我的问题是：如何动态添加/删除对象子元素？输入存储在单独的<div>元素中 - 我需要添加或删除它们作为#form div的子元素。

Answer 1

只需使用form.append(...)，元素将附加在表单的末尾