0

Tengo un problema, algo tan sencillo como un boton, que crea una nueva fila en una tabla, cuando ejecuto mi proyecto y presiono el boton, se ve rapidamente que si crea la fila, pero despues se recarga la pagina y al final de mi ruta del proyecto me pone un '?'

mi codigo es el siguiente:

function btn() {

 document.getElementById("table").insertRow(-1).innerHTML = '<td><button type="button" class="btn btn-success" >+</button></td><td contenteditable="true">x</td><td contenteditable="true">x</td><td contenteditable="true">x</td><td contenteditable="true">x</td>';
}
 <div class="col-md-12 ml-auto">
                                        <button id="enviar" class="btn btn-success" onclick="btn()" style="float:right;">x</button>
                                    </div>
 <table id="example" class="table table-striped table-bordered table-responsive">
                                    <thead>
                                        <tr>
                                            <th style="width:10px;">colum1</th>
                                            <th style="width:10px;">colum2</th>
                                            <th style="width:10px;">colum3</th>
                                            <th style="width:10px;">colum4</th>
                                            <th style="width:10px;">colum5</th>
                                        </tr>
                                    </thead>
                                    <tbody id="table">
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>                                            
                                        </tr>
                                    </tbody>
                                </table>

introducir la descripción de la imagen aquí

cuando doy click, se recarga se pone lo siguiente:

introducir la descripción de la imagen aquí

Algo mas, habilite los scripts en visual studio, y cuando pongo un break point en en contenido de la function btn(), cuando doy click si entra y se ve que crea la fila, cuando doy continuar, empieza abrir scripts dinamicos, se igual manera la pagina se actualiza y sucede lo que ya comente, ademas si comento tal function btn, sucede los mismo aun estando comentado,

como puedo solucionar esto?

nota:se que en este ejemplo funciona perfectamente, no se si es visual o chrome que me genera este conflicto

1 respuesta 1

-1

El problema es que esta haciendo post back, agrégale a tu etiqueta del botón un:

type="button"
3
  • Esto no es una respuesta, puedes copiar todo el codigo de la pregunta y crear el codigo correcto para comprobar, o en lugar de respuesta agrega lo que dices como comentario el 9 jul. 2021 a las 17:05
  • Los votos son secretos por algun motivo... y es justamente para eso. podrias mirar Cómo responder y por ejemplo, ejemplificar donde poner eso, para que la proxima persona que vea tu respuesta, entienda donde va escrito eso, y porque va ahi?
    – gbianchi
    el 14 jul. 2021 a las 22:51
  • esta explicado ahi nada mas que son bien llorones en este foro, por eso me gusta mas el americano, donde no te dicen tanta lloriconeria, ahi dice el problema es que estas haciendo post back, agregale a tu etiqueta del boton un type="button", no entiendo donde no esta explicado lo que comentan, incluso la marco como respuesta, pero tienen siempre que opinar sus opiniones de gente que se cree superior
    – R.Nuñez
    el 16 jul. 2021 a las 17:57

Tu Respuesta

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

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