How to set the focus for a particular field in a Bootstrap modal, once it appears

by

Try this

Here is the old DEMO:

EDIT:
(Here is a working DEMO with Bootstrap 3 and jQuery 1.8.3)

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

Starting bootstrap 3 need to use shown.bs.modal event:

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

More Related Contents:

  1. Bootstrap modal appearing under background
  2. Multiple modals overlay
  3. Bootstrap: Open Another Modal in Modal
  4. Getting Bootstrap’s modal content from another page
  5. Disable click outside of bootstrap modal area to close modal [duplicate]
  6. Using Bootstrap Modal window as PartialView
  7. Calling a function on Bootstrap modal open
  8. How to hide Bootstrap modal with javascript?
  9. bootstrap modal removes scroll bar
  10. Twitter Bootstrap: Print content of modal window
  11. How can you add tooltip to an anchor
  12. Navbar dropdown (collapse) is not working in Bootstrap 5
  13. Launch Bootstrap Modal on Page Load
  14. Bootstrap navbar Active State not working
  15. !function(){ }() vs (function(){ })()
  16. How to reset the bootstrap modal when it gets closed and open it fresh again?
  17. Leaflet map not displayed properly inside tabbed panel
  18. Images not responsive by default in Twitter Bootstrap 3?
  19. How to pass parameters to a modal?
  20. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  21. Bootstrap modal: background jumps to top on toggle
  22. How do I keep the current tab active with twitter bootstrap after a page reload?
  23. jQuery UI Dialog Box – does not open after being closed
  24. The data-toggle attributes in Twitter Bootstrap
  25. Add content of showModalDialog() to the clipboard Google Script
  26. Change language for bootstrap DateTimePicker
  27. AngularUI-Bootstrap Typeahead: Grouping results
  28. how to know whether modal boxes (alert, prompt, confirm…) have been disabled in javascript?
  29. Javascript to stop HTML5 video playback on modal window close
  30. Bootstrap Dropdown menu is not working

Leave a Comment