클릭시 2 개의 동적 입력란 추가하기

Question

2 개의 필드를 추가하는 방법에 대한 도움말을 찾고 있습니다. 여기 내가 사용하는 것에 대한 나의 예가있다. 지금까지 텍스트 영역을 추가 할 수 있지만 "질문 추가"를 클릭 할 때 드롭 다운을 포함하고 싶습니다.

$(document).ready(function() { 
var max_fields  = 5; //maximum input boxes allowed 
var wrapper   = $(".input_fields_wrap"); //Fields wrapper 
var add_button  = $(".add_field_button"); //Add button ID 

var x = 1; //initlal text box count 
$(add_button).click(function(e){ //on add input button click 
    e.preventDefault(); 
    if(x < max_fields){ //max input box allowed 
     x++; //text box increment 
     $(wrapper).append('<div>' + '<label>Question:</label>' + '<textarea class="CommonTextfield" name="mytext[]" placeholder="Example: How valued do you feel at work?"/></textarea><a href="#" class="remove_field btn btn-danger pull-right">Remove question</a></div>'); //add input box 
    } 
}); 

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
    e.preventDefault(); $(this).parent('div').remove(); x--; 
}) 

});

<li class="PostalCode"> 
       <label for="project_name">Pulse Name</label> 
       <?php bs_input_field("text", "project_name", "project_name", "Project Name");?> 
      </li> 
      <li class="input_fields_wrap"> 
       <label for="project_description">Question:</label> 
       <textarea class="CommonTextfield" id="project_description" rows="2" name="mytext[]" placeholder="Example: How valued do you feel at work?"></textarea> 
      </li> 
      <li class="PostalCode"> 
       <label for="project_type">Question Type:</label> 
       <select id="project_type" name="mydrop[]" class="CommonTextfield"> 
       <option value="">Yes/No</option> 
       <option value="">Radio</option> 
       <option value="">Multiple Choice</option> 
       <option value="">Dropdown</option> 
       <option value="">Single line text</option> 
       <option value="">Comment Box</option> 
       </select> 
      </li>