Skip to main content
se añadieron 7 caracteres en el cuerpo
Origen Enlace
alanfcm
  • 20.9k
  • 11
  • 19
  • 35

El hecho de que el dropdown es construido dinamicamente no debe afectar para nada. Creo que simplemente tienes mal el selector, deberia de ser tr y no td. Te dejo un ejemplo:

var tbody = $('#myTable').children('tbody');
            var table = tbody.length ? tbody : $('#myTable');
            $('.addPlus').click(function(){
                $("#myTable tbody tr").last().clone().appendTo("#myTable tbody");
            })

            $('.addMinus').click(function(){
                $('#myTable').each(function(){
                    $('#myTable').find('tbody tr').last().remove();
                });
            })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="myTable" class="table table-bordered">
    <thead>
        <tr>
            <td>Empleado</td>
            <td>Fecha salida</td>
            <td>Fecha regreso</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
            <select class="selectpicker" name="employee">';
                <option value="1">Empleado 1</option>
                <option valu ="2">Empleado 2</option>
            </select>
            </td>
                <td><input type="text" class="form-control datepicker" name="dateI"></td>
            <td><input type="text" class="form-control datepicker" name="dateO"></td>
        </tr>
  </tbody>
  <button class=addPlus>Clonar</button>

El hecho de que el dropdown es construido dinamicamente no debe afectar para nada. Creo que simplemente tienes mal el selector, deberia de ser tr y no td. Te dejo un ejemplo:

var tbody = $('#myTable').children('tbody');
            var table = tbody.length ? tbody : $('#myTable');
            $('.addPlus').click(function(){
                $("#myTable tbody tr").clone().appendTo("#myTable tbody");
            })

            $('.addMinus').click(function(){
                $('#myTable').each(function(){
                    $('#myTable').find('tbody tr').last().remove();
                });
            })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="myTable" class="table table-bordered">
    <thead>
        <tr>
            <td>Empleado</td>
            <td>Fecha salida</td>
            <td>Fecha regreso</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
            <select class="selectpicker" name="employee">';
                <option value="1">Empleado 1</option>
                <option valu ="2">Empleado 2</option>
            </select>
            </td>
                <td><input type="text" class="form-control datepicker" name="dateI"></td>
            <td><input type="text" class="form-control datepicker" name="dateO"></td>
        </tr>
  </tbody>
  <button class=addPlus>Clonar</button>

El hecho de que el dropdown es construido dinamicamente no debe afectar para nada. Creo que simplemente tienes mal el selector, deberia de ser tr y no td. Te dejo un ejemplo:

var tbody = $('#myTable').children('tbody');
            var table = tbody.length ? tbody : $('#myTable');
            $('.addPlus').click(function(){
                $("#myTable tbody tr").last().clone().appendTo("#myTable tbody");
            })

            $('.addMinus').click(function(){
                $('#myTable').each(function(){
                    $('#myTable').find('tbody tr').last().remove();
                });
            })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="myTable" class="table table-bordered">
    <thead>
        <tr>
            <td>Empleado</td>
            <td>Fecha salida</td>
            <td>Fecha regreso</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
            <select class="selectpicker" name="employee">';
                <option value="1">Empleado 1</option>
                <option valu ="2">Empleado 2</option>
            </select>
            </td>
                <td><input type="text" class="form-control datepicker" name="dateI"></td>
            <td><input type="text" class="form-control datepicker" name="dateO"></td>
        </tr>
  </tbody>
  <button class=addPlus>Clonar</button>

Origen Enlace
alanfcm
  • 20.9k
  • 11
  • 19
  • 35

El hecho de que el dropdown es construido dinamicamente no debe afectar para nada. Creo que simplemente tienes mal el selector, deberia de ser tr y no td. Te dejo un ejemplo:

var tbody = $('#myTable').children('tbody');
            var table = tbody.length ? tbody : $('#myTable');
            $('.addPlus').click(function(){
                $("#myTable tbody tr").clone().appendTo("#myTable tbody");
            })

            $('.addMinus').click(function(){
                $('#myTable').each(function(){
                    $('#myTable').find('tbody tr').last().remove();
                });
            })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="myTable" class="table table-bordered">
    <thead>
        <tr>
            <td>Empleado</td>
            <td>Fecha salida</td>
            <td>Fecha regreso</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
            <select class="selectpicker" name="employee">';
                <option value="1">Empleado 1</option>
                <option valu ="2">Empleado 2</option>
            </select>
            </td>
                <td><input type="text" class="form-control datepicker" name="dateI"></td>
            <td><input type="text" class="form-control datepicker" name="dateO"></td>
        </tr>
  </tbody>
  <button class=addPlus>Clonar</button>