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(...)，元素将被附加到表单的末尾