/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

61 votes231 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote218 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
0 vote188 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
18 votes198 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
22 votes200 views2 answers
React bootstrap carousal not working
CSS Bootstrap
0 vote192 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
0 vote220 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
105 votes237 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
2 votes214 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote186 views1 answer
Datatable bootstrap cllick on specific button
Javascript Bootstrap