使用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);
});