/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

92 votes419 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote257 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote255 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
0 vote244 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote245 views1 answer
Filter bootstrap
Javascript Bootstrap
0 vote303 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
13 votes340 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
20 votes293 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote255 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap
4 votes220 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap