點擊添加2個動態字段

Question

我在尋找一些幫助如何添加2個字段。這是我使用的例子。到目前爲止，我可以添加textarea，但我想包括下拉以及有人點擊「添加問題」時。

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