Tengo este modal

<form id="contactModal">
<div id="mymodal2" class="" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
     <div class="modal-dialog">
           <div class="modal-content">
              <div class="modal-header">                  
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                <span class="modal-title th2" id="lblModalLabel" name="lblModalLabel">Contact</span>
            </div>
            <div class="modal-body">

Que quiero es borrar modal cada vez cerrada así que hacer la secuencia de comandos como these_:

function clear() {
    $("#txtNombreCompleto").val("");
    $("#txtNombreEmpresa").val("");
    $("#exampleInputEmail2").val("");
    $("#dropOficina").val("");
    $("#txtTelefono").val("");
    $("#txtMensaje").val("");
}
$('#mymodal').on('hidden', function(){
    $.clear(this)
});

Así que mis entradas en el interior de modal son algo como esto:

 <input type="text" class="form-control" id="txtNombreCompleto" name="txtNombreCompleto" placeholder="Nombre completo">

Pero cuando cierro modal, no ejecutar la función, ¿cómo puedo hacer para hacer funcionar cuando modal se cierra? Se refiere a

  • Pruebe esta $(‘#myModal’).en(‘ocultos.bs.modal’, function () { // hacer algo… })
  • Yo lo hago, pero no correr, también puedo poner el script en la consola y funciona @Sami
  • Revise su página de errores de JavaScript.
  • poner el código dentro de $(document).ready(function() { /*... here ....*/ });
InformationsquelleAutor Gerry | 2016-06-20

3 Comentarios

  1. 6

    Simplemente llame clear(); dentro de bootstrap modal ocultar.bs.modal (o oculto.bs.modal) controlador o establecer la función de devolución de llamada. También poner el código dentro de documento listo controlador para la fijación de controlador de eventos después de la carga de la página.

    $(document).ready(function() {
      $('#mymodal').on('hidden', function() {
        clear()
      });
    });

    o conseguir todo forma todos los elementos en el interior de modal y el valor del conjunto de

    $(document).ready(function() {
      $('#mymodal').on('hidden', function() {
        $(':input', this).val('');
      });
    });    
    • Gracias,, mi función no funciona porque no tengo $(document).ready(function() para iniciarlo. Gracias!
    • me alegro de que ayudado 🙂
    • Tengo un problema con mi código, me puedes ayudar por favor?
    • ¿cuál es el problema?
    • Puedo subir mi código en mi pregunta, el problema es que la primera función ('mymodal') corre muy bien, pero mi segundo modal no funciona ('mymodal2'), también si me quedo con la consola no funciona demasiado, se ejecuta js pero no funciona… ¿qué puede ser el problema?,
    • no es válido el selector de missing #` o . al principio
    • puede pasar a cualquiera 🙂 acaba de quitar de la pregunta en sí misma

  2. 2

    He probado este código en mi proyecto, pero no funcionó. Así que he intentado que este nuevo código

    $(document).ready(function() {
        $('.modal').on('hidden.bs.modal', function(){
            $(this).find('form')[0].reset();
         });
    });
  3. 0
     $('.btnLogMesaj').click(function () { //your button is clicked
          $('div#demo').empty();  //clear the "div" of the id "demo" 
         *
         * 
         *
      });
    
         <div class="modal-body">
                    <div id="demo">
                        <h4>... Merve's contents </h4>
                    </div>
          </div>
    • Por favor, añadir un poco de explicación.

Dejar respuesta

Please enter your comment!
Please enter your name here