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

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

To focus on the textbox when bootstrap pop-up is open

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

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

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

$('#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  $("#dialog-cancelReasonModal").on('shown.bs.modal', function () {
                $(this).find('#txtName').focus();
            });

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

Source: stackoverflow.com

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

<input value="" autofocus>
 // not tested yet
// https://stackoverflow.com/questions/15247849/how-to-set-focus-to-first-text-input-in-a-bootstrap-modal-after-shown

Source: stackoverflow.com

Similar codes

0 vote401 views1 answer
Bootstrap pop modal from another modal
Javascript Bootstrap
2 votes353 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
0 vote356 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote366 views1 answer
Bootstrap searchable pagination table example jquery
Javascript Bootstrap
0 vote449 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
0 vote356 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
133 votes417 views6 answers
Using bootstrap with react
Javascript Bootstrap
1 vote369 views1 answer
Bootstrap card hover effect
CSS Bootstrap
-2 votes371 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
0 vote365 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap