How to Set focus to first text input in a bootstrap modal after shown

$("#dialog-cancelReasonModal").on('shown.bs.modal', function () {
                $(this).find('#txtName').focus();
            });

•	ID of the bootstrap POP-UP = dialog-cancelReasonModal 
•	ID of the TextBox = 'txtName'

View another examples Add Own solution

Caduceus 105 points

                                    $('#myModal').on('shown.bs.modal', function () {
    $('#textareaID').focus();
})  

/* My solutioin .. 
// focus on button close .. so when you press Enter key .. modal closes .. again comunicating with bs.modal only attainable by jq
			$(ids.id4).on(`shown.bs.modal`, function(){
				$(`#modal-diag1 button`).focus()
			})
  ==============================================================
  // check the following for 
  $(&quot;#dialog-cancelReasonModal&quot;).on('shown.bs.modal', function () {
                $(this).find('#txtName').focus();
            });

&bull;	ID of the bootstrap POP-UP = dialog-cancelReasonModal 
&bull;	ID of the TextBox = 'txtName'

Thank you! 5

4 (5 Votes)

SuperMDguy 105 points

                                    &lt;input value=&quot;&quot; autofocus&gt;
 // not tested yet
// https://stackoverflow.com/questions/15247849/how-to-set-focus-to-first-text-input-in-a-bootstrap-modal-after-shown

Thank you! 8

4 (8 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Html

Html 2022-03-27 21:55:05 how to kill html
Html 2022-03-27 21:55:02 How to create web urls without extensions
Html 2022-03-27 21:45:11 space between 2 h tags without break
Html 2022-03-27 21:40:13 how to resize submit button in html
Html 2022-03-27 20:40:18 https://www.codegrepper.com
Html 2022-03-27 19:55:09 show image inside table with innerhtml
Html 2022-03-27 19:30:47 html email input
Html 2022-03-27 18:45:01 how to add favicon in html
Html 2022-03-27 18:15:21 picture html
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

Bootstrap modal set focus on input text focus input on bootstrap show modal set focus on input bootstrap modal Textbox focus on modal not working fix set focus on modal popup get focus on the opened modal bootstrap 4 focus on first element bootstrap modal focus on show input dont focus modal bootstrap bootstrap focus modal input focus on input modal how to set focus in a modal popup on modal open focus input form input text modal focus when modal open form input focus How to Set focus to first text input in a bootstrap modal after shown open modal when input is given set focus to modal html focus input in moda; set focus on input in modal how to set focus on modal popup autofocus SELECT in modal jquery focus input modal bootstrap set input focus how to set an input inside of a popup bootstrap model "focus" input bootstrap set focus on modal show bootstrap modal focus input jquery input focus not working on modal modal open with textbox focus javascript php html how to to autofocus cursor in modal form field hcan we dismiss reactstrap alert on clicking outside of alert To focus on the textbox when bootstrap pop-up is open

How to Set focus to first text input in a bootstrap modal after shown

Welcome Back!

Create a Free Account