/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 vote330 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
0 vote324 views1 answer
How to remove the top border from table react bootstrap
Javascript Bootstrap
43 votes346 views6 answers
Add bootstrap to angular
Javascript Bootstrap
253 votes426 views10 answers
Bootstrap cdn
Javascript Bootstrap
0 vote316 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
1 vote343 views1 answer
Change order columns bootstrap
CSS Bootstrap
25 votes360 views6 answers
How to install bootstrap in angular
Javascript Bootstrap
45 votes364 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
1 vote341 views1 answer
Bootstrap js link not working
Javascript Bootstrap
0 vote327 views1 answer
Javascript plugin bootstrap
Javascript Bootstrap