1

Tengo mi boton que agrega detalle a una tabla esta es :

$("#btnAgregarFila").click(function () {
        var cont_fila = ($('#det_comprobante tbody').find('tr').length) + 1;
        var fila = '<tr>';
        fila = fila + '<td scope="row">' + cont_fila + '</td>';
        fila = fila + '<td><input type="text" class="form-control text-center" id="respuesta_' + cont_fila + '" placeholder="Respuesta" "/></td>';
        fila = fila + '<td><select class="form-control text-center" id="alternativa_' + cont_fila + '" "><option value="">.:: ELIJA ::.</option><option value="1">SI</option><option value="2">NO</option></select></td>';
        fila = fila + '<td><a href="javascript:void(0);" class="eliminar_fila" onclick="eliminar_detalle(this,' + cont_fila + ');"><i class="fa fa-trash-o fa-2x"></i></a></td>';
        fila = fila + '</tr>';
        $("#det_comprobante").append(fila);
    });

Y con esta funcion recorro mi tabla detalle y veo mi detallado :

function guardar_pregunta() {
        var detalle = "[";
        for (var i = 1; i < document.getElementById('det_comprobante').rows.length; i++) {
            detalle = detalle
                    + '{"respuesta":"'
                    + document.getElementById('det_comprobante').rows[i].cells[0].childNodes[0].value + '",'
                    + '"alternativa":"'
                    + document.getElementById('det_comprobante').rows[i].cells[1].childNodes[0].value + '",'
                    + '}'
            if (i == document.getElementById('det_comprobante').rows.length - 1) {
                detalle = detalle + "]";
            } else {
                detalle = detalle + ',';
            }
        }
        console.log(detalle);
    }

Final mente me devuelve un detalle mas que se encuentra :

[{"respuesta":"undefined","alternativa":"Hola",},{"respuesta":"undefined","alternativa":"undefined",}]

Como ven em genera un dato mas espero me puedan ayudar

1 respuesta 1

1

Cuando recorres las filas deberías considerar el indice 0 al inicio de tu for. Asimismo, cuando construyes tu cadena detalle no considerabas correctamente la celda de la fila.

function guardar_pregunta() {
        var detalle = "[";
        for (var i = 0; i < document.getElementById('det_comprobante').rows.length; i++) {
            detalle = detalle
                    + '{"respuesta":"'
                    + document.getElementById('det_comprobante').rows[i].cells[1].childNodes[0].value + '",'
                    + '"alternativa":"'
                    + document.getElementById('det_comprobante').rows[i].cells[2].childNodes[0].value + '"'
                    + '}'
            if (i == document.getElementById('det_comprobante').rows.length - 1) {
                detalle = detalle + "]";
            } else {
                detalle = detalle + ',';
            }
        }
        console.clear();
        console.log(detalle);
    }
    
    $("#btnAgregarFila").click(function () {
        var cont_fila = ($('#det_comprobante tbody').find('tr').length) + 1;
        var fila = '<tr>';
        fila = fila + '<td scope="row">' + cont_fila + '</td>';
        fila = fila + '<td><input type="text" class="form-control text-center" id="respuesta_' + cont_fila + '" placeholder="Respuesta" "/></td>';
        fila = fila + '<td><select class="form-control text-center" id="alternativa_' + cont_fila + '" "><option value="">.:: ELIJA ::.</option><option value="1">SI</option><option value="2">NO</option></select></td>';
        fila = fila + '<td><a href="javascript:void(0);" class="eliminar_fila" onclick="eliminar_detalle(this,' + cont_fila + ');"><i class="fa fa-trash-o fa-2x"></i></a></td>';
        fila = fila + '</tr>';
        $("#det_comprobante").append(fila);
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="btnAgregarFila" value="Agregar Fila" />
<table id="det_comprobante">
<tbody>
</table>

<input type="button" value="Mostrar" onclick="guardar_pregunta()" />

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.