modal show jquery event
<div class="modal fade" id="phoneEdit" tabindex="-1" role="dialog" aria-labelledby="phoneEdit" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header center"> <label class="large-text bold text-align-left"> <?= __d('member', 'edit_password'); ?> </label> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> </div> </div> </div> </div> $("#phoneEdit").on('shown.bs.modal', function(e){ console.log('enter here'); // do anything after the modal open $(".number_six").val(""); });