/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 vote269 views1 answer
Ratio bootstrap
CSS Bootstrap
1 vote197 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
14 votes223 views4 answers
Text align left bootstrap
CSS Bootstrap
2 votes210 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote191 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
2 votes205 views2 answers
Bootstrap icons in angular
CSS Bootstrap
9 votes257 views3 answers
Bootstrap badge color
CSS Bootstrap
34 votes195 views6 answers
Rounded bootstrap
Javascript Bootstrap
26 votes242 views10 answers
Bootstrap
CSS Bootstrap
32 votes218 views6 answers
Alert bootstrap
CSS Bootstrap