添加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); 
});