Javascript 单击添加2个动态字段

我正在寻找一些帮助如何添加2字段。下面是我正在使用的示例。到目前为止，我可以添加文本区域，但我想在有人单击“添加问题”时也包括下拉列表

$（文档）.ready（函数（）{
var max_fields=5；//允许的最大输入框数
var wrapper=$（“.input_fields_wrapp”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x

}))

脉冲名称


问题:


问题类型：
是/否
无线电
选择题
下拉列表
单行文本
评论框

你能试试这个吗

$(document).ready(function() {
        var max_fields      = 5; //maximum input boxes allowed
        var wrapper         = $("ul"); //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><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> <a href="#" class="remove_field btn btn-danger pull-right">Remove question</a></div>');}
            });

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


<ul>
    <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> 
</ul>

$（文档）.ready（函数（）{
var max_fields=5；//允许的最大输入框数
var wrapper=$（“ul”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x脉冲名称
问题：
问题类型：是/否RadioMultiple ChoiceDropdownSingle line textComment Box
）；]
});
$（包装器）。在（“单击“，”.remove_字段）上，函数（e）{//用户单击remove text
e、 preventDefault（）；$（this）.parent（'div'）.remove（）；x--；
});
});


脉冲名称


问题:


问题类型：
是/否
无线电
选择题
下拉列表
单行文本
评论框

您可以使用

$（''）

或

$（''）

创建元素，然后使用

$（wrapper.）append（）将它们附加到
包装器中。
<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> 

$(document).ready(function() {
        var max_fields      = 5; //maximum input boxes allowed
        var wrapper         = $("ul"); //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><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> <a href="#" class="remove_field btn btn-danger pull-right">Remove question</a></div>');}
            });

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


<ul>
    <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> 
</ul>