/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

4 votes355 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote310 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap
0 vote349 views2 answers
Bootstrap 5 container
CSS Bootstrap
5 votes340 views4 answers
Hide bootstrap modal jquery
Javascript Bootstrap
43 votes355 views6 answers
Add bootstrap to angular
Javascript Bootstrap
32 votes321 views6 answers
Alert bootstrap
CSS Bootstrap
13 votes329 views6 answers
Bootstrap Badges
CSS Bootstrap
0 vote385 views1 answer
Bootstrap 4 input error
CSS Bootstrap
1 vote336 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
2 votes343 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap