在jquery中动态创建html元素

Question

我正在尝试动态创建html元素，但是当我从下拉菜单中选择输入类型并点击时创建没有任何事情发生。我在做错了吗？

$(document).ready(function(){
            $("#create").click(function(){
                var name = $("#name").val();
                var id = $("#id").val();
                var value = $("#value").val();
                //var elementtocreate = $("#elementtocreate option: selected").text();
                var elementtocreate = $("#elementtocreate").val();
                console.log(name+id+value+elementtocreate);

                var div = $(document.createElement(elementtocreate));
                $("#registrationform").html(div);
                $('#registrationform').html($(div, {class: id}));


            });

        });

HTML部分：

<div id="registrationdiv">
        <center>        
            <form id="registrationform" >   
            </form>
        </center>           
    </div>

Answer 1

使用$(document.createElement('div'));创建HTML元素。

$("html tags").appendTo("where you want to add")