0

Hola buenas tengo 2 tablas (adjunto imagen), mi idea es tomar una fila de una de ellas y enviarla a la otra, lo hago mediante javascript y la toma de datos la veo correcta, pero no hace el append

Imagen de las Tablas

introducir la descripción de la imagen aquí

este es mi código en javascript

$(document).ready(function () {
$(".btnAgregar").on("click", function () {
    var id = $(this).data("id");
    var price = $(this).data("price");
    var name = $(this).data("name");
    var button = $(this).data("button");
    var html = "<tr>";
    html += "<td>" + id + "</td>";
    html += "<td>" + name + "</td>";
    html += "<td>" + price + "</td>";
    html += "<td>" + button + "</td></tr>";
    alert(html);
    $(html).appendTo($("table:eq(0)").find("#table-body-venta-agregadas"));
});

el alert enviá lo siguiente

introducir la descripción de la imagen aquí

este es el código de mi segunda tabla

        <table class="table table-bordered table-sm">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Codigo</th>
                <th scope="col">Nombre</th>
                <th scope="col">Precio</th>
                <th scope="col">Eliminar</th>
            </tr>
        </thead>
        <tbody id="table-body-venta-agregadas">
        </tbody>
    </table>

sinceramente no veo fallas, pero espero que uno de ustedes si

7
  • Creo que estás muy confundido con respecto a lo que hace alert().
    – user166844
    el 4 ago. 2020 a las 22:37
  • por qué lo dices? el 4 ago. 2020 a las 22:41
  • Por lo que entiendo, intentas modificar el DOM (cosa que alert) no hace. A lo mejor me equivoco, pero ¿qué esperabas lograr con alert()?
    – user166844
    el 4 ago. 2020 a las 22:48
  • nono, el alert era un flag para ver si el html estaba correcto, gracias por mencionarlo, pero es solo un flag el 4 ago. 2020 a las 22:50
  • Lo que pasa es que alert() iba a mostrar la cadena literalmente. Si querías ver ese tipo de cambios tenías que usar algún método que modificara el DOM.
    – user166844
    el 4 ago. 2020 a las 22:56

1 respuesta 1

0

En primera el alert(), recibe como parámetro el mensaje que se debe mostrar en la ventana.

A lo que entiendo con tu codigo tu solución seria la siguiente. en tu javascript tendrías que utilizar $('#table-body-venta-agregadas').html(result) con esto estarías imprimiendo el contenido en tu tabla, y dentro de tu codigo quedaria acomodado de la siguiente manera...

$(document).ready(function () {
$(".btnAgregar").on("click", function () {
    var id = $(this).data("id");
    var price = $(this).data("price");
    var name = $(this).data("name");
    var button = $(this).data("button");
    var html = "<tr>";
    html += "<td>" + id + "</td>";
    html += "<td>" + name + "</td>";
    html += "<td>" + price + "</td>";
    html += "<td>" + button + "</td></tr>";

    $('#table-body-venta-agregadas').html(html)

    $(html).appendTo($("table:eq(0)").find("#table-body-venta-agregadas"));
});
3
  • disculpa, muchas gracias por la respuesta, pero no me deja agregar mas de una fila, sabes que puede ser? Edit: no es que no me deje agregar más filas, es que sobrescribe la que hay el 4 ago. 2020 a las 23:06
  • ya has intentado solo ponerlo de esta manera $("#table-body-venta-agregadas").append(html); enlace
    – AlanG
    el 5 ago. 2020 a las 15:05
  • 1
    si, pero no funcionó, lo arreglé de la sig manera al inicio de la funcion agregué esta var var table = document.getElementById("table-body-venta-agregadas"); y luego utilicé table.innerHTML += html; eliminando la linea $('#table-body-venta-agregadas').html(html) el 5 ago. 2020 a las 17:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.