在jquery中動態創建html元素

Question

我正在嘗試動態創建html元素，但是當我從下拉菜單中選擇輸入類型時，並且創建沒有任何事情發生.WHat我做錯了什麼？

$(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")