添加3个选择菜单

Question

另一条线我有3个选择菜单，但随后单击此按钮

<button class="btn btn-primary btn-sm"><i class="fa fa-plus"></i> Add</button> 

当我再次希望它在3个下拉菜单，这可怎么办呢？

Answer 1

如果你想重复一模一样3名的下拉列表中，也许你应该有这样的结构：

<div id="main_container"> 
    <div class="select_container select_master"> 
     <select 1 .... 
     <select 2 .... 
     <select 3 .... 
    </div> 
</div> 

然后，为您的按钮的标识符。如果你不具有相同的类其他按钮，那么你可以使用[的途径之一做到这一点]：

$('.btn .btn-primary .btn-sm').on('click', function() { 
    var dropdowns = $('.select_master').clone(true); // true to also clone event handlers 
    dropdowns.removeClass('select_master'); // you only need one master 
    $('#main_container').append(dropdowns); 
});