javascript - 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<div>の子要素として追加または削除する必要があります。#form

Answer 1

使用するだけform.append(...)で、要素がフォームの最後に追加されます