Cómo establecer el foco para un campo en particular en un modal Bootstrap, una vez que aparece

Esta es la contestación más acertada que encomtrarás aportar, sin embargo obsérvala pausadamente y valora si se puede adaptar a tu proyecto.

Solución:

Prueba esto

Aquí está el viejo MANIFESTACIÓN:

EDITAR:
(Aquí hay un trabajo MANIFESTACIÓN con Bootstrap 3 y jQuery 1.8.3)

$(document).ready(function() 
    $('#modal-content').modal('show');
    $('#modal-content').on('shown', function() 
        $("#txtname").focus();
    )
);

Iniciar bootstrap 3 necesita usar el evento show.bs.modal:

$('#modal-content').on('shown.bs.modal', function() 
    $("#txtname").focus();
)

Solo quería decir que Bootstrap 3 maneja esto de manera un poco diferente. El nombre del evento es “mostrado.bs.modal”.

$('#themodal').on('shown.bs.modal', function () 
   $("#txtname").focus();
);

o ponga el foco en la primera entrada visible como esta:

.modal('show').on('shown.bs.modal', function ()

    $('input:visible:first').focus();
)

http://getbootstrap.com/javascript/#modals

Estoy usando esto en mi diseño para capturar todos los modales y enfocarme en la primera entrada

  $('.modal').on('shown', function() 
     $(this).find('input').focus();
  );

Recuerda que tienes permiso de agregar una reseña si topaste tu pregunta en el momento justo.

---

---

Utiliza Nuestro Buscador